<div class="accordion accordion-bordered mt-3 col-xl-4" id="accordionResumen">
    <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="#accordionResumenTip" aria-expanded="false"
                    aria-controls="accordionResumenTip">
                <h4><?= lang("Presupuestos.resumen") ?></h4>
            </button>
        </h2>

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

                <div class="col-xl-12">
                    <div class="border rounded p-4 mb-3 pb-3">

                        <!-- Price Details -->
                        <dl class="row mb-0">
                            <dt class="col-5 py-1 fw-normal text-end">Coste papel</dt>
                            <dd id="totalCostePapel" class="py-1 col-6 text-end"></dd>
                            <dt class="col-5 py-1 fw-normal text-end">Margen papel</dt>
                            <dd id="porcentajeMargenPapel" class="col-3 text-end py-1"></dd>
                            <dd id="margenPapel" class="col-3 text-end py-1"></dd>

                            <dt class="col-5 fw-normal text-end">Coste impresión</dt>
                            <dd id="totalCosteImpresion" class="col-6 text-end"></dd>
                            <dt class="col-5 py-1 fw-normal text-end">Margen impresión</dt>
                            <dd id="porcentajeMargenImpresion" class="col-3 text-end py-1"></dd>
                            <dd id="margenImpresion" class="col-3 py-1 text-end"></dd>

                            <dt class="col-5 fw-normal text-end">Coste servicios</dt>
                            <dd id="totalServicios" class="col-6 text-end py-1"></dd>
                            <dt class="col-5 fw-normal text-end">Margen servicios</dt>
                            <dd id="porcentajeMargenServicios" class="col-3 text-end py-1"></dd>
                            <dd id="margenServicios" class="col-3 text-end py-1"></dd>

                            <dt class="col-5 fw-normal text-end">Coste de envío</dt>
                            <dd id="costeEnvios"class="col-6 text-end py-1"></dd>
                            <dt class="col-5 fw-normal text-end">Precio de envío</dt>
                            <dd id="totalEnvios"class="col-6 text-end py-1"></dd>
                            <dt class="col-5 fw-normal text-end">Margen envío</dt>
                            <dd id="margenEnvios" class="col-6 text-end py-1"></dd>
                        </dl>

                        <hr class="mx-n4">

                        <dl class="row mb-0">
                            <dt class="col-5 fw-normal text-end">Total Costes</dt>
                            <dd id="totalCostes" class="col-6 text-end"></dd>
                            <dt class="col-5 fw-normal text-end">Total Margen</dt>
                            <dd id="porcentajeMargen" class="col-3 text-end py-1"></dd>
                            <dd id="totalMargenes" class="col-3 text-end py-1"></dd>
                        </dl>

                        <hr class="mx-n4">

                        <dl class="row mb-0">
                            <dt class="col-5 fw-normal text-end">Total</dt>
                            <dd id="totalAntesDescuento" class="col-6 text-end"></dd>
                            <dt class="col-5 py-1 fw-normal text-end">Descuento (%)</dt>
                            <dd id="dd" class="col-3 text-end py-1"><input id="total_descuentoPercent" type="number" value="" class="update-totales form-control" style="width:100% !important;"></dd>
                            <dd id="descuentoTotal" class="col-3 py-1 text-end"></dd>
                            <dt class="col-5 text-end">Total presupuesto</dt>
                            <dd id="totalDespuesDecuento" class="col-6 fw-semibold text-end"></dd>
                            <dt class="col-5 fw-normal text-end">Precio unidad</dt>
                            <dd id="precioUnidadPresupuesto" class="col-6 text-end mb-2"></dd>
                            <dt class="col-5 fw-normal text-end" style="font-size: smaller !important;">Factor</dt>
                            <dd id="factor" class="col-6 text-end mb-2" style="font-size: smaller !important;"></dd>
                            <dt class="col-5 fw-normal text-end" style="font-size: smaller !important;">Factor Ponderado</dt>
                            <dd id="factor_ponderado" class="col-6 text-end mb-0" style="font-size: smaller !important;"></dd>
                        </dl>
                    </div>
                    <div class="d-grid float-end mb-4">
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" <?= $presupuestoEntity->estado_id == 2 ? 'onclick="return false;"' : ''; ?> type="checkbox" id="confirmar_presupuesto" name="confirmar_presupuesto" value="1" <?= $presupuestoEntity->estado_id == 2 ? 'checked' : ''; ?>>
                            <label class="form-check-label" for="confirmar_presupuesto"><?= $presupuestoEntity->estado_id == 2 ? lang('Presupuestos.confirmado') : lang('Presupuestos.confirmar'); ?></label>
                        </div>
                    </div>
                </div>

                <?php if ($presupuestoEntity->estado_id == 2): ?>
                    <div class="row mt-5">
                        <div class="mb-1">  
                            <label for="totalAceptado" class="form-label">
                                <?= lang('Presupuestos.totalAceptado') ?>
                            </label>
                            <input disabled type="text" id="totalAceptado" name="totalAceptado"  class="form-control" value="" <?php echo ($tipo_impresion_id == 21)?' max=80':'' ?>>
                        </div><!--//.mb-3 -->
                    </div>
                <?php endif; ?>

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




