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

        <div id="accordionDatosPresupuestoClienteTip" class="accordion-collapse collapse show"
            data-bs-parent="#accordionDatosPresupuestoCliente">
            <div class="accordion-body">

                <!----------------------------------------------------------------------------->
                <div id="divAlarmasComparador"></div>
                <!----------------------------------------------------------------------------->

                <input type="hidden" name="comparador_json_data" id="comparador_json_data" class="form-control"
                    value=""></input>

                <div class="divider divider-dark text-start mb-1">
                    <div class="divider-text">
                        <h5>
                            <?= lang("Presupuestos.tipoImpresion") ?>
                        </h5>
                    </div>
                </div>
                <div class="col-md-12 col-lg-3 px-4 mt-1">
                    <div class="mb-3">
                        <select id="tipoImpresion" name="comp_tipo_impresion" class="form-control select2bs2"
                            style="width: 100%;">
                            <option id="tipoImpresionNegro" value="negro">
                                <?= lang('MaquinasTarifasImpresions.negro') ?>
                            </option>
                            <option value="negrohq">
                                <?= lang('MaquinasTarifasImpresions.negrohq') ?>
                            </option>
                            <option value="color">
                                <?= lang('MaquinasTarifasImpresions.color') ?>
                            </option>
                            <option value="colorhq">
                                <?= lang('MaquinasTarifasImpresions.colorhq') ?>
                            </option>
                        </select>
                    </div><!--//.mb-3 -->
                </div><!--//.col -->


                <!----------------------------------------------------------------------------->


                <div class="divider divider-dark text-start mb-1">
                    <div class="divider-text">
                        <h5>
                            <?= lang("Presupuestos.papelesComparadorPresupuestoAdmin") ?>
                        </h5>
                    </div>
                </div>

                <div class="row mb-1">
                    <div class="col-md-12 col-lg-2 px-1 mb-0">
                        <p class="mb-0"></p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4 mb-0">
                        <p class="mb-0">
                            <?= lang("Presupuestos.numeroPaginas") ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-6 px-4 mb-0">
                        <p class="mb-0">
                            <?= lang("Presupuestos.papel") ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4 mb-0">
                        <p class="mb-0">
                            <?= lang("Presupuestos.gramaje") ?>
                        </p>
                    </div>
                    <div>
                        <hr class="my-1">
                        <hr class="my-1">
                    </div>
                </div>


                <div class="row mt-0 comp-negro-selected">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('MaquinasTarifasImpresions.negro') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <input type="text" id="compPaginasNegro" name="comp_paginas_negro" placeholder="0" maxLength="5"
                            class="form-control comp_negro_items" value="">
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select id="compPapelNegro" name="comp_papel_negro"
                            class="form-control select2bs2 comp_negro_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compGramajeNegro" name="comp_gramaje_negro"
                            class="form-control select2bs2 comp_negro_items" style="width: 100%;">
                        </select>
                    </div>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>


                <div class="row mt-0 comp-negrohq-selected">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('MaquinasTarifasImpresions.negrohq') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <input type="text" id="compPaginasNegrohq" name="comp_paginas_negrohq" placeholder="0"
                            maxLength="5" class="form-control comp_negrohq_items" value="">
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select id="compPapelNegrohq" name="comp_papel_negrohq"
                            class="form-control select2bs2 comp_negrohq_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compGramajeNegrohq" name="comp_gramaje_negrohq"
                            class="form-control select2bs2 comp_negrohq_items" style="width: 100%;">
                        </select>
                    </div>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>


                <div class="row comp-color-selected">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('MaquinasTarifasImpresions.color') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <input type="text" id="compPaginasColor" name="comp_paginas_color" placeholder="0" maxLength="5"
                            class="form-control comp_color_items" value="">
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select id="compPapelColor" name="comp_papel_color"
                            class="form-control select2bs2 comp_color_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compGramajeColor" name="comp_gramaje_color"
                            class="form-control select2bs2 comp_color_items" style="width: 100%;">
                        </select>
                    </div>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>


                <div class="row comp-colorhq-selected">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('MaquinasTarifasImpresions.colorhq') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <input type="text" id="compPaginasColorhq" name="comp_paginas_colorhq" placeholder="0"
                            maxLength="5" class="form-control comp_colorhq_items" value="">
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select id="compPapelColorhq" name="comp_papel_colorhq"
                            class="form-control select2bs2 comp_colorhq_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compGramajeColorhq" name="comp_gramaje_colorhq"
                            class="form-control select2bs2 comp_colorhq_items" style="width: 100%;">
                        </select>
                    </div>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>


                <div class="row">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('PapelImpresion.cubierta') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compCarasCubierta" name="comp_paginas_cubierta"
                            class="form-control select2bs2 comp_cubierta_items" style="width: 100%;">
                            <option value="2">
                                <p>
                                    <?= lang('Presupuestos.unaCara') ?>
                                </p>
                            </option>
                            <option value="4">
                                <p>
                                    <?= lang('Presupuestos.dosCaras') ?>
                                </p>
                            </option>
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select id="compPapelCubierta" name="comp_papel_cubierta"
                            class="form-control select2bs2 comp_cubierta_items" style="width: 100%;">
                        </select>
                    </div>

                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compGramajeCubierta" name="comp_gramaje_cubierta"
                            class="form-control select2bs2 comp_cubierta_items" style="width: 100%;">
                        </select>
                    </div>

                    <?php if ($tipo_impresion_id == 1 || $tipo_impresion_id == 3): ?>
                    <div class="col-md-12 col-lg-2 px-4">
                    </div>

                    <div class="col-md-12 col-lg-2 px-4">
                        <label id="label_compLomoRedondo" for="compLomoRedondo" class="form-label">
                            <?= lang('Presupuestos.lomoRedondo') ?>*
                        </label>
                        <select id="compLomoRedondo" name="lomo_redondo" service-id="<?= $serviciosAutomaticos['lomo_redondo'] ?>"
                            class="form-control select2bs2 comp_cubierta_items" style="width: 100%;">
                            <option value="0">
                                <p>
                                    <?= lang('Presupuestos.no') ?>
                                </p>
                            </option>
                            <option value="1">
                                <p>
                                    <?= lang('Presupuestos.si') ?>
                                </p>
                            </option>
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <label for="cabezada" class="form-label">
                            <?= lang('Presupuestos.cabezada') ?>
                        </label>
                        <select class="form-select select2bs2" id="cabezada" name="cabezada">
                            <option value="WHI">
                                <?= lang('Presupuestos.blanca') ?>
                            </option>
                            <option value="GRE">
                                <?= lang('Presupuestos.verde') ?>
                            </option>
                            <option value="BLUE">
                                <?= lang('Presupuestos.azul') ?>
                            </option>
                            <option value="REDYEL">
                                <?= lang('Presupuestos.rojaAmarilla') ?>
                            </option>
                        </select>
                    </div>
                    <?php endif; ?>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>

                <?php if ($tipo_impresion_id != 5 && $tipo_impresion_id != 6 && $tipo_impresion_id != 7 && $tipo_impresion_id != 8 && $tipo_impresion_id != 21): ?>
                <div class="row">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('PapelImpresion.sobrecubierta') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compSobrecubierta" name="comp_sobrecubierta"
                            class="form-control select2bs2 comp_sobrecubierta_items" style="width: 100%;">
                            <option value="0">
                                <?= lang('Presupuestos.no') ?>
                            </option>
                            <option value="1">
                                <?= lang('Presupuestos.si') ?>
                            </option>
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select disabled id="compPapelSobrecubierta" name="comp_papel_sobrecubierta"
                            class="form-control select2bs2 comp_sobrecubierta_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select disabled id="compGramajeSobrecubierta" name="comp_gramaje_sobrecubierta"
                            class="form-control select2bs2 comp_sobrecubierta_items" style="width: 100%;">
                        </select>
                    </div>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>
                <?php endif; ?>

                <?php if ($tipo_impresion_id == 1 || $tipo_impresion_id == 3 || $tipo_impresion_id == 5 || $tipo_impresion_id == 7): ?>
                <div class="row">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('PapelImpresion.guardas') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compCarasGuardas" name="comp_paginas_guardas"
                            class="form-control select2bs2 comp_guardas_items" style="width: 100%;">
                            <option value="0">
                                <p>
                                    <?= lang('Presupuestos.sinImpresion') ?>
                                </p>
                            </option>
                            <option value="4">
                                <p>
                                    <?= lang('Presupuestos.unaCara') ?>
                                </p>
                            </option>
                            <option value="8">
                                <?php if ($tipo_impresion_id != 5 && $tipo_impresion_id != 6 && $tipo_impresion_id != 7 && $tipo_impresion_id != 8): ?>
                                <p>
                                    <?= lang('Presupuestos.dosCaras') ?>
                                </p>
                                <?php endif ?>
                            </option>
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select id="compPapelGuardas" name="comp_papel_guardas"
                            class="form-control select2bs2 comp_guardas_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compGramajeGuardas" name="comp_gramaje_guardas"
                            class="form-control select2bs2 comp_guardas_items" style="width: 100%;">
                        </select>
                    </div>

                    <div>
                        <hr class="my-1">
                    </div>
                </div>
                <?php endif; ?>

                <div class="row">
                    <div class="col-md-12 col-lg-2 px-4">
                        <p>
                            <?= lang('Presupuestos.faja') ?>
                        </p>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select id="compFaja" name="comp_faja" class="form-control select2bs2 comp_faja_items"
                            style="width: 100%;">
                            <option value="0">
                                <p>
                                    <?= lang('Presupuestos.no') ?>
                                </p>
                            </option>
                            <option value="1">
                                <p>
                                    <?= lang('Presupuestos.si') ?>
                                </p>
                            </option>
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-6 px-4">
                        <select disabled id="compPapelFaja" name="comp_papel_faja"
                            class="form-control select2bs2 comp_faja_items" style="width: 100%;">
                        </select>
                    </div>
                    <div class="col-md-12 col-lg-2 px-4">
                        <select disabled id="compGramajeFaja" name="comp_gramaje_faja"
                            class="form-control select2bs2 comp_faja_items" style="width: 100%;">
                        </select>
                    </div>
                    <div>
                        <hr class="my-1">
                    </div>
                </div>

                <!----------------------------------------------------------------------------->

                <div class="divider divider-dark text-start mb-1 pos-paginas-color">
                    <div class="divider-text">
                        <h5>
                            <?= lang("Presupuestos.posicionPagColor") ?>
                        </h5>
                    </div>
                </div>

                <div class="row pos-paginas-color">
                    <div class="col-md-12 col-lg-4 px-4">
                        <div class="mb-3">
                            <label for="compPosPaginasColor" class="form-label">
                                <?= lang('Presupuestos.posicionPagColor') ?>
                            </label>
                            <input type="text" id="compPosPaginasColor" name="comp_pos_paginas_color" maxLength="20"
                                class="form-control"
                                value="<?= isset($presupuestoEntity->pos_paginas_color) ? (old('', $presupuestoEntity->pos_paginas_color)) : '' ?>">
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->
                    <div class="col-md-12 col-lg-8 px-4">
                        <div class="mb-3">
                            <label for="compCalPaginasColor" class="form-label">
                                <?= lang('Presupuestos.posicionPagColor') ?>
                            </label>
                            <textarea type="text" id="compCalPaginasColor" name="comp_cal_paginas_color" maxLength="500"
                                class="form-control" rows="1" readonly style="background: #E8E8E8;"></textarea>
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->

                    <div class="col-md-12 col-lg-12 px-4">
                        <p class="text-muted" style="font-size: 0.9em;">
                            <?= lang('Presupuestos.colorPageInstructions') ?>
                        </p>
                    </div>
                </div><!--//.row -->

                <!----------------------------------------------------------------------------->

                <div class="accordion mt-3" id="accordionCompInteriorPlana">
                    <div class="card accordion-item active">
                        <h2 class="accordion-header" id="headingOne">
                            <button id="accordion-button-int-plana" type="button" class="accordion-button"
                                data-bs-toggle="collapse" data-bs-target="#accordionCompInteriorPlanaTip"
                                aria-expanded="false" aria-controls="accordionCompInteriorPlanaTip">
                                <h6 id="title_int_plana">
                                    <?= lang("Presupuestos.compInteriorPlana") ?>
                                </h6>
                            </button>
                        </h2>

                        <div id="accordionCompInteriorPlanaTip" class="accordion-collapse collapse"
                            data-bs-parent="#accordionCompInteriorPlana">
                            <div class="accordion-body">

                                <table id="tableCompIntPlana" class="comparator-table table dt-responsive dataTable"
                                    style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.tipo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.paginas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.papel') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.gramaje') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.marca') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.maquina') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.numeroPliegos') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.pliegosPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioPliego') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.libro') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.totalPapelPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.lomo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.peso') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.horas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioImpresion') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.total') ?>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="dt-result dt-result-text" colspan="14">
                                                <?= lang('Presupuestos.total') ?>
                                                <?= lang("Presupuestos.compInteriorPlana") ?>:
                                            </td>
                                            <td id="total_comp_plana" class="dt-result dt-result-value" colspan="2">
                                                0.00 </td>
                                        </tr>
                                    </tfoot>
                                </table>

                                <div>
                                    <button type="button" name="insertarPlanaBtn" id="insertarPlanaBtn"
                                        class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
                                        <?= lang('Presupuestos.insertarLinea') . ' ' . strtoupper(lang('Presupuestos.plana')) ?>
                                    </button>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>


                <div class="accordion mt-3" id="accordionCompInteriorRotativa">
                    <div class="card accordion-item active">
                        <h2 class="accordion-header" id="headingTwo">
                            <button id="accordion-button-int-rotativa" type="button" class="accordion-button"
                                data-bs-toggle="collapse" data-bs-target="#accordionCompInteriorRotativaTip"
                                aria-expanded="false" aria-controls="accordionCompInteriorRotativaTip">
                                <h6 id="title_int_rot">
                                    <?= lang("Presupuestos.compInteriorRotativa") ?>
                                </h6>
                            </button>
                        </h2>

                        <div id="accordionCompInteriorRotativaTip" class="accordion-collapse collapse"
                            data-bs-parent="#accordionCompInteriorRotativa">
                            <div class="accordion-body">


                                <table id="tableCompIntRotativa" class="comparator-table table dt-responsive dataTable"
                                    style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.tipo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.paginas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.papel') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.gramaje') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.marca') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.aFavorFibra') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.maquina') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.numeroPliegos') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.pliegosPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.precioPliego') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.libro') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.totalPapelPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.lomo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.peso') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.horas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.precioImpresion') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.precioPagNegro') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.precioPagColor') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.totalTinta') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.totalCorte') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.total') ?>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td id="errorComRot" class="dt-result dt-result-text" colspan="15"></td>
                                            <td class="dt-result dt-result-text" colspan="4">
                                                <?= lang('Presupuestos.total') ?>
                                                <?= lang("Presupuestos.compInteriorRotativa") ?>:
                                            </td>
                                            <td id="total_comp_rot" class="dt-result dt-result-value" colspan="2">0.00
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>

                                <div>
                                    <button type="button" name="insertarRotativaBtn" id="insertarRotativaBtn"
                                        class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
                                        <?= lang('Presupuestos.insertarLinea') . ' ' . strtoupper(lang('Presupuestos.rotativa')) ?>
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="accordion mt-3" id="accordionCompCubiertaSobrecubierta">
                    <div class="card accordion-item active">
                        <h2 class="accordion-header" id="headingThree">
                            <button id="accordion-button-cubierta" type="button" class="accordion-button"
                                data-bs-toggle="collapse" data-bs-target="#accordionCompCubiertaSobrecubiertaTip"
                                aria-expanded="false" aria-controls="accordionCompCubiertaSobrecubiertaTip">
                                <h6 id="title_cubierta">
                                    <?= lang("Presupuestos.compCubiertaSobrecubierta") ?>
                                </h6>
                            </button>
                        </h2>

                        <div id="accordionCompCubiertaSobrecubiertaTip" class="accordion-collapse collapse"
                            data-bs-parent="#accordionCompCubiertaSobrecubierta">
                            <div class="accordion-body">

                                <table id="tableCompCubierta" class="comparator-table table dt-responsive dataTable"
                                    style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.tipo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.paginas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.papel') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.gramaje') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.marca') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.maquina') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.numeroPliegos') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.pliegosPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioPliego') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.libro') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.totalPapelPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.lomo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.peso') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.horas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioImpresion') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.total') ?>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="dt-result dt-result-text" colspan="14">
                                                <?= lang('Presupuestos.total') ?>
                                                <?= lang("Presupuestos.compCubiertaSobrecubierta") ?>:
                                            </td>
                                            <td id="total_comp_cubierta" class="dt-result dt-result-value" colspan="2">
                                                0.00 </td>
                                        </tr>
                                    </tfoot>
                                </table>

                                <div>
                                    <button type="button" name="insertarCubiertaBtn" id="insertarCubiertaBtn"
                                        class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
                                        <?= lang('Presupuestos.insertarLinea') . ' ' . strtoupper(lang('Presupuestos.compCubiertaSobrecubierta')) ?>
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <!----------------------------------------------------------------------------->
                <?php if ($tipo_impresion_id == 1 || $tipo_impresion_id == 3 || $tipo_impresion_id == 5 || $tipo_impresion_id == 7): ?>
                <div class="accordion mt-3" id="accordionCompGuardas">
                    <div class="card accordion-item active">
                        <h2 class="accordion-header" id="headingOne">
                            <button id="accordion-button-int-guardas" type="button" class="accordion-button"
                                data-bs-toggle="collapse" data-bs-target="#accordionCompGuardasTip"
                                aria-expanded="false" aria-controls="accordionCompGuardasTip">
                                <h6 id="title_guardas">
                                    <?= lang("Presupuestos.Guardas") ?>
                                </h6>
                            </button>
                        </h2>

                        <div id="accordionCompGuardasTip" class="accordion-collapse collapse"
                            data-bs-parent="#accordionCompGuardasTip">
                            <div class="accordion-body">

                                <table id="tableCompGuardas" class="comparator-table table dt-responsive dataTable"
                                    style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.tipo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.paginas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.papel') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.gramaje') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.marca') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.maquina') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.numeroPliegos') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.pliegosPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioPliego') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.libro') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.totalPapelPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.lomo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.peso') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.horas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioImpresion') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.total') ?>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="dt-result dt-result-text" colspan="14">
                                                <?= lang('Presupuestos.total') ?>
                                                <?= lang("Presupuestos.Guardas") ?>:
                                            </td>
                                            <td id="total_comp_guardas" class="dt-result dt-result-value" colspan="2">
                                                0.00 </td>
                                        </tr>
                                    </tfoot>
                                </table>

                                <div>
                                    <button type="button" name="insertarGuardasBtn" id="insertarGuardasBtn"
                                        class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
                                        <?= lang('Presupuestos.insertarLinea') . ' ' . strtoupper(lang('Presupuestos.Guardas')) ?>
                                    </button>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <?php endif; ?>

                <div class="accordion mt-3" id="accordionCompFaja">
                    <div class="card accordion-item active">
                        <h2 class="accordion-header" id="headingThree">
                            <button id="accordion-button-faja" type="button" class="accordion-button"
                                data-bs-toggle="collapse" data-bs-target="#accordionCompFajaTip"
                                aria-expanded="false" aria-controls="accordionFajaTip">
                                <h6 id="title_faja">
                                    <?= lang("Presupuestos.faja") ?>
                                </h6>
                            </button>
                        </h2>

                        <div id="accordionCompFajaTip" class="accordion-collapse collapse"
                            data-bs-parent="#accordionCompFaja">
                            <div class="accordion-body">

                                <table id="tableCompFaja" class="comparator-table table dt-responsive dataTable"
                                    style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.tipo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.paginas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.papel') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.gramaje') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.marca') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.maquina') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.numeroPliegos') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.pliegosPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioPliego') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.libro') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.totalPapelPedido') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.lomo') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.peso') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.horas') ?>
                                            </th>
                                            <th style="padding-right: 0.75em; max-width:80px">
                                                <?= lang('Presupuestos.precioImpresion') ?>
                                            </th>
                                            <th style="padding-right: 0.75em;">
                                                <?= lang('Presupuestos.total') ?>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="dt-result dt-result-text" colspan="14">
                                                <?= lang('Presupuestos.total') ?>
                                                <?= lang("Presupuestos.faja") ?>:
                                            </td>
                                            <td id="total_comp_faja" class="dt-result dt-result-value" colspan="2">
                                                0.00 </td>
                                        </tr>
                                    </tfoot>
                                </table>

                                <div>
                                    <button type="button" name="insertarFajaBtn" id="insertarFajaBtn"
                                        class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
                                        <?= lang('Presupuestos.insertarLinea') . ' ' . strtoupper(lang('Presupuestos.faja')) ?>
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>




            </div> <!-- //.accordion-body -->
        </div> <!-- //.accordion-collapse -->
    </div> <!-- //.accordion-item -->
</div> <!-- //.accordion -->