<div class="accordion accordion-bordered mt-3" id="accordionComentarios">
    <div class="card accordion-item active">
        <h2 class="accordion-header" id="headingOne">
            <button type="button" class="accordion-button" data-bs-toggle="collapse"
                    data-bs-target="#accordionComentariosTip" aria-expanded="false"
                    aria-controls="accordionComentariosTip">
                <h4><?= lang("Presupuestos.comentarios") ?></h4>
            </button>
        </h2>

        <div id="accordionComentariosTip" class="accordion-collapse collapse show"
             data-bs-parent="#accordionComentarios">
            <div class="accordion-body">
                <div class="nav-align-top mb-4">
                    <ul class="nav nav-pills mb-3" role="tablist">
                        <li class="nav-item">
                            <button
                                    type="button"
                                    class="nav-link active"
                                    role="tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#comentarios-cliente"
                                    aria-controls="comentarios-cliente"
                                    aria-selected="true">
                                <?= lang("Presupuestos.comentariosCliente") ?>
                                <span
                                        id="mostrar_comentarios_cliente"
                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1 d-none">
                                    !
                                </span>
                            </button>
                        </li>
                        <li class="nav-item">
                            <button
                                    type="button"
                                    class="nav-link"
                                    role="tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#comentarios-safekat"
                                    aria-controls="comentarios-safekat"
                                    aria-selected="false">
                                <?= lang("Presupuestos.comentariosSafekat") ?>
                                <span
                                        id="mostrar_comentarios_safekat"
                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1 d-none">
                                    !
                                </span>
                            </button>
                        </li>
                        <li class="nav-item">
                            <button
                                    type="button"
                                    class="nav-link"
                                    role="tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#comentarios-presupuesto-pdf"
                                    aria-controls="comentarios-presupuesto-pdf"
                                    aria-selected="false">
                                <?= lang("Presupuestos.comentariosPresupuestoPDF") ?>
                                <span
                                        id="mostrar_comentarios_pdf"
                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1 d-none">
                                    !
                                </span>
                            </button>
                        </li>
                        <li class="nav-item">
                            <button
                                    type="button"
                                    class="nav-link"
                                    role="tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#comentarios-presupuesto"
                                    aria-controls="comentarios-presupuesto"
                                    aria-selected="false">
                                <?= lang("Presupuestos.comentariosPresupuesto") ?>
                                <span
                                        id="mostrar_comentarios_presupuesto"
                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1 d-none">
                                    !
                                </span>
                            </button>
                        </li>
                        <li class="nav-item">
                            <button
                                    type="button"
                                    class="nav-link"
                                    role="tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#comentarios-produccion"
                                    aria-controls="comentarios-produccion"
                                    aria-selected="false">
                                <?= lang("Presupuestos.comentariosProduccion") ?>
                                <span
                                        id="mostrar_comentarios_produccion"
                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1 d-none">
                                    !
                                </span>
                            </button>
                        </li>
                    </ul>
                    <div class="tab-content border border-container">
                        <div class="tab-pane fade show active" id="comentarios-cliente" role="tabpanel">
                            <div class="row">
                                <div class="col-md-12 col-lg-12 px-4">
                                    <div class="mb-3">
                                        <textarea
                                                rows="3"
                                                id="comentariosCliente"
                                                name="comentarios_cliente"
                                                style="height: 10em;"
                                                class="form-control"><?= old('comentarios', $presupuestoEntity->comentarios_cliente) ?></textarea>
                                    </div>
                            </div>
                        </div>
                        </div>

                        <div class="tab-pane fade" id="comentarios-safekat" role="tabpanel">
                            <div class="row">
                                <div class="col-md-12 col-lg-12 px-4">
                                    <div class="mb-3">
                                        <textarea
                                                rows="3"
                                                id="comentariosSafekat"
                                                name="comentarios_safekat"
                                                style="height: 10em;"
                                                class="form-control"><?=old('comentarios_safekat', $presupuestoEntity->comentarios_safekat) ?></textarea>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="tab-pane fade" id="comentarios-presupuesto-pdf" role="tabpanel">
                            <div class="row">
                                <div class="col-md-12 col-lg-12 px-4">
                                    <div class="mb-3">
                                        <textarea
                                                rows="3"
                                                id="comentariosPdf"
                                                name="comentarios_pdf"
                                                style="height: 10em;"
                                                class="form-control"><?=old('comentarios_pdf', $presupuestoEntity->comentarios_pdf) ?></textarea>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="tab-pane fade" id="comentarios-presupuesto" role="tabpanel">
                            <div class="row">
                                <div class="col-md-12 col-lg-12 px-4">
                                    <div class="mb-3">
                                        <textarea
                                                rows="3"
                                                id="comentariosPresupuesto"
                                                name="comentarios_presupuesto"
                                                style="height: 10em;"
                                                class="form-control"><?=old('comentarios_presupuesto', $presupuestoEntity->comentarios_presupuesto) ?></textarea>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="tab-pane fade" id="comentarios-produccion" role="tabpanel">
                            <div class="row">
                                <div class="col-md-12 col-lg-12 px-4">
                                    <div class="mb-3">
                                        <textarea
                                                rows="3"
                                                id="comentariosProduccion"
                                                name="comentarios_produccion"
                                                style="height: 10em;"
                                                class="form-control"><?=old('comentarios_pdf', $presupuestoEntity->comentarios_produccion) ?></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- //.accordion-body -->
        </div> <!-- //.accordion-collapse -->
    </div> <!-- //.accordion-item -->
</div> <!-- //.accordion -->
<!------------------------------------------------------->
<!-- Código JS comportamiento ?????. -->
<!------------------------------------------------------->
<?= $this->section("additionalInlineJs") ?>
/*
$("textarea[name*='comentarios_']").each(function(){
    if (!$.trim($(this).val())) {
        // textarea is empty or contains only white-space
        $("#mostrar_" + $(this).attr('name')).hide();
    }else{
        $("#mostrar_" + $(this).attr('name')).show();
    }
 });
*/
<?= $this->endSection() ?>


