@extends("theme.sneat.admin")
@section('contenido')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
  .arqueo-page {
    --aq-border: #e7e7e9;
    --aq-muted: #697a8d;
    --aq-surface: #f8f9fa;
    --aq-accent: #696cff;
    padding-bottom: 5.5rem;
  }
  .arqueo-page .page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
  }
  .arqueo-page .page-head h4 {
    margin: 0;
  }
  .arqueo-page .page-head .hint {
    color: var(--aq-muted);
    font-size: 0.875rem;
    max-width: 36rem;
    margin: 0.25rem 0 0;
  }
  .arqueo-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
  }
  @media (min-width: 768px) {
    .arqueo-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 1200px) {
    .arqueo-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  }
  .arqueo-kpi {
    background: #fff;
    border: 1px solid var(--aq-border);
    border-radius: 0.5rem;
    padding: 0.85rem 1rem;
    min-height: 100%;
  }
  .arqueo-kpi .lbl {
    display: block;
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--aq-muted);
    font-weight: 600;
    margin-bottom: 0.35rem;
    line-height: 1.2;
  }
  .arqueo-kpi .val {
    font-size: 1.15rem;
    font-weight: 700;
    color: #566a7f;
    margin: 0;
    word-break: break-word;
  }
  .arqueo-section {
    border: 1px solid var(--aq-border);
    border-radius: 0.625rem;
    margin-bottom: 1rem;
    overflow: hidden;
    background: #fff;
  }
  .arqueo-section .sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--aq-border);
    background: var(--aq-surface);
  }
  .arqueo-section .sec-head .sec-title {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 650;
    color: #566a7f;
  }
  .arqueo-section .sec-head .sec-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.4rem;
    background: #e7e7ff;
    color: var(--aq-accent);
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
  }
  .arqueo-section .sec-body {
    padding: 1.1rem;
  }
  .arqueo-section .form-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #566a7f;
    margin-bottom: 0.3rem;
  }
  .arqueo-total-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 58px;
    border-radius: 0.5rem;
    background: var(--aq-surface);
    border: 1px solid var(--aq-border);
    padding: 0.5rem 0.75rem;
  }
  .arqueo-total-box .lbl {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--aq-muted);
    font-weight: 600;
  }
  .arqueo-total-box .val {
    font-size: 1.05rem;
    font-weight: 700;
    color: #566a7f;
  }
  .arqueo-table-wrap {
    max-height: 220px;
    overflow: auto;
    border: 1px solid var(--aq-border);
    border-radius: 0.5rem;
  }
  .arqueo-table-wrap table {
    margin-bottom: 0;
  }
  .arqueo-table-wrap thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f4f6 !important;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--aq-muted);
    border-bottom-width: 1px;
    white-space: nowrap;
  }
  .arqueo-table-wrap tbody td {
    vertical-align: middle;
    font-size: 0.875rem;
  }
  .arqueo-table-wrap tfoot th {
    background: var(--aq-surface) !important;
    font-size: 0.8rem;
  }
  .arqueo-empty td {
    text-align: center;
    color: var(--aq-muted);
    font-size: 0.85rem;
    padding: 1.25rem 0.75rem !important;
    font-style: italic;
  }
  .arqueo-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
  @media (min-width: 768px) {
    .arqueo-results { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  @media (min-width: 1200px) {
    .arqueo-results { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  }
  .arqueo-result {
    background: #fff;
    border: 1px solid var(--aq-border);
    border-radius: 0.5rem;
    padding: 0.85rem 0.9rem;
    text-align: center;
  }
  .arqueo-result.highlight {
    border-color: #cfd0ff;
    background: #f5f5ff;
  }
  .arqueo-result .lbl {
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--aq-muted);
    font-weight: 600;
    margin-bottom: 0.3rem;
  }
  .arqueo-result .val {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #566a7f;
  }
  .arqueo-result.highlight .val {
    color: var(--aq-accent);
  }
  .arqueo-denoms {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem 1rem;
  }
  @media (min-width: 576px) {
    .arqueo-denoms { grid-template-columns: 1fr 1fr; }
  }
  .arqueo-denom {
    display: grid;
    grid-template-columns: 7.5rem 1fr;
    gap: 0.5rem;
    align-items: center;
  }
  .arqueo-denom .denom-lbl {
    font-size: 0.82rem;
    font-weight: 650;
    color: #566a7f;
    margin: 0;
  }
  .arqueo-fondo-summary {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
  }
  .arqueo-fondo-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0.9rem;
    border-radius: 0.5rem;
    background: #2b2c40;
    color: #fff;
  }
  .arqueo-fondo-row.muted {
    background: var(--aq-surface);
    color: #566a7f;
    border: 1px solid var(--aq-border);
  }
  .arqueo-fondo-row .k { font-size: 0.8rem; font-weight: 600; }
  .arqueo-fondo-row .v { font-size: 1.05rem; font-weight: 700; }
  .arqueo-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    background: rgba(255,255,255,0.96);
    border-top: 1px solid var(--aq-border);
    backdrop-filter: blur(8px);
    padding: 0.75rem 1rem;
  }
  #scrollToTopBtn {
    bottom: 5.75rem !important;
    right: 1.25rem !important;
    z-index: 1040 !important;
  }
  .arqueo-actions-inner {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
  }
  @media (min-width: 1200px) {
    .layout-menu-fixed .arqueo-actions {
      left: 16.25rem;
    }
  }
  .layout-menu-collapsed .arqueo-actions {
    left: 5.25rem;
  }
</style>

<div class="arqueo-page">
  <div class="page-head">
    <div>
      <h4 class="fw-bold" id="titulo_arqueo"><span class="text-muted fw-light">Arqueo de</span> Caja</h4>
      <p class="hint">Complete los datos del día, registre medios de pago y cierre con el conteo de fondo de caja.</p>
    </div>
  </div>

  {{-- Saldos de referencia --}}
  <div class="arqueo-kpis" aria-label="Saldos de referencia">
    <div class="arqueo-kpi">
      <span class="lbl">Caja anterior</span>
      <p class="val" id="caja_anterior">0</p>
    </div>
    <div class="arqueo-kpi">
      <span class="lbl">Ctrl. ventas diarias</span>
      <p class="val" id="control_venta_diarias">0</p>
    </div>
    <div class="arqueo-kpi">
      <span class="lbl">Saldo T. débito</span>
      <p class="val" id="saldo_tarjeta_debito">0</p>
    </div>
    <div class="arqueo-kpi">
      <span class="lbl">Saldo T. crédito</span>
      <p class="val" id="saldo_tarjeta_credito">0</p>
    </div>
    <div class="arqueo-kpi">
      <span class="lbl">Saldo propinas</span>
      <p class="val" id="saldo_propinas">0</p>
    </div>
    <div class="arqueo-kpi">
      <span class="lbl">DP TJ s/comisión</span>
      <p class="val" id="deposito_tarjeta_s_comision">0</p>
    </div>
  </div>

  <div class="row g-3">
    {{-- 1. Datos generales --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">1</span> Datos generales</h5>
        </div>
        <div class="sec-body">
          <div class="row g-3">
            <div class="col-6 col-md-3">
              <label class="form-label" for="fecha">Fecha</label>
              <input type="date" class="form-control" id="fecha" name="fecha" value="{{ date('Y-m-d'); }}" />
            </div>
            <div class="col-6 col-md-3">
              <label class="form-label" for="cajero">Cajero</label>
              <select name="cajero" id="cajero" class="form-select contacts">
                <option value="">Seleccione</option>
                <option value="Daniela">Daniela</option>
                <option value="Ximena">Ximena</option>
                <option value="Eduardo">Eduardo</option>
                <option value="Miguel">Miguel</option>
              </select>
            </div>
            <div class="col-6 col-md-3">
              <label class="form-label" for="cant_personas">Cant. personas</label>
              <input type="number" class="form-control" id="cant_personas" name="cant_personas" placeholder="0" min="0" />
            </div>
            <div class="col-6 col-md-3">
              <label class="form-label" for="ventas_z_plu">Ventas Z PLU</label>
              <input type="text" class="form-control" id="ventas_z_plu" name="ventas_z_plu" placeholder="0" />
            </div>
          </div>
        </div>
      </div>
    </div>

    {{-- 2. Descuentos --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">2</span> Descuentos</h5>
        </div>
        <div class="sec-body">
          <div class="row g-3 align-items-end">
            <div class="col-6 col-md-3">
              <label class="form-label" for="nulo">Nulo</label>
              <input type="text" class="form-control" id="nulo" name="nulo" placeholder="0" />
            </div>
            <div class="col-6 col-md-3">
              <label class="form-label" for="descuento_personal">Dcto. personal</label>
              <input type="text" class="form-control" id="descuento_personal" name="descuento_personal" placeholder="0" />
            </div>
            <div class="col-6 col-md-3">
              <label class="form-label" for="descuento_dueno">Dcto. dueño</label>
              <input type="text" class="form-control" id="descuento_dueno" name="descuento_dueno" placeholder="0" />
            </div>
            <div class="col-6 col-md-3">
              <div class="arqueo-total-box">
                <span class="lbl">Total dcto.</span>
                <span class="val" id="total_descuento">0</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    {{-- 3. Medios de pago / cheques --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">3</span> Cheques y transferencias</h5>
        </div>
        <div class="sec-body">
          <div class="row g-3">
            <div class="col-md-4">
              <label class="form-label" for="cheque_otros_bancos">Cheque otros bancos</label>
              <input type="text" class="form-control" id="cheque_otros_bancos" name="cheque_otros_bancos" placeholder="0" />
            </div>
            <div class="col-md-4">
              <label class="form-label" for="cheque_mismo_bancos">Cheque mismo banco</label>
              <input type="text" class="form-control" id="cheque_mismo_bancos" name="cheque_mismo_bancos" placeholder="0" />
            </div>
            <div class="col-md-4">
              <label class="form-label" for="transferencias">Transferencias</label>
              <input type="text" class="form-control" id="transferencias" name="transferencias" placeholder="0" />
            </div>
          </div>
        </div>
      </div>
    </div>

    {{-- 4. Documentos de venta --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">4</span> Documentos de venta</h5>
        </div>
        <div class="sec-body">
          <div class="row g-3">
            <div class="col-6 col-md-2">
              <label class="form-label" for="boleta_inicial">Bol. inicial</label>
              <input type="text" class="form-control" id="boleta_inicial" name="boleta_inicial" placeholder="0" />
            </div>
            <div class="col-6 col-md-2">
              <label class="form-label" for="boleta_final">Bol. final</label>
              <input type="text" class="form-control" id="boleta_final" name="boleta_final" placeholder="0" />
            </div>
            <div class="col-md-3">
              <label class="form-label" for="venta_boletas">Venta boletas</label>
              <input type="text" class="form-control" id="venta_boletas" name="venta_boletas" placeholder="0" />
            </div>
            <div class="col-md-3">
              <label class="form-label" for="venta_facturas">Venta facturas</label>
              <input type="text" class="form-control" id="venta_facturas" name="venta_facturas" placeholder="0" />
            </div>
            <div class="col-md-2">
              <label class="form-label" for="venta_manuales">Venta manuales</label>
              <input type="text" class="form-control" id="venta_manuales" name="venta_manuales" placeholder="0" />
            </div>
          </div>
        </div>
      </div>
    </div>

    {{-- 5. Gastos --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">5</span> Gastos por caja</h5>
          <button type="button" class="btn btn-sm btn-outline-primary" onclick="agregar_gastos();">
            <i class="bx bx-plus"></i> Agregar
          </button>
        </div>
        <div class="sec-body">
          <div class="arqueo-table-wrap table-responsive">
            <table class="table table-sm text-center mb-0">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Proveedor / N° factura</th>
                  <th>Observación</th>
                  <th>Valor</th>
                  <th></th>
                </tr>
              </thead>
              <tbody id="listado_gastos"></tbody>
              <tfoot>
                <tr>
                  <th></th>
                  <th></th>
                  <th class="text-end">Total</th>
                  <th id="total_gastos">0</th>
                  <th></th>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>

    {{-- 6. Créditos --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">6</span> Créditos</h5>
          <button type="button" class="btn btn-sm btn-outline-primary" onclick="agregar_creditos();">
            <i class="bx bx-plus"></i> Agregar
          </button>
        </div>
        <div class="sec-body">
          <div class="arqueo-table-wrap table-responsive">
            <table class="table table-sm text-center mb-0">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Crédito</th>
                  <th>Valor</th>
                  <th></th>
                </tr>
              </thead>
              <tbody id="listado_creditos"></tbody>
              <tfoot>
                <tr>
                  <th></th>
                  <th class="text-end">Total</th>
                  <th id="total_creditos">0</th>
                  <th></th>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>

    {{-- 7. Puntos de venta --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">7</span> Puntos de venta</h5>
          <button type="button" class="btn btn-sm btn-outline-primary" onclick="agregar_punto_venta();">
            <i class="bx bx-plus"></i> Agregar
          </button>
        </div>
        <div class="sec-body">
          <div class="arqueo-table-wrap table-responsive">
            <table class="table table-sm text-center mb-0">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Máquina</th>
                  <th>Valor</th>
                  <th></th>
                </tr>
              </thead>
              <tbody id="listado_punto_venta"></tbody>
              <tfoot>
                <tr>
                  <th></th>
                  <th class="text-end">Total</th>
                  <th id="total_punto_venta">0</th>
                  <th></th>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>

    {{-- 8. Propinas --}}
    <div class="col-12 col-xl-6">
      <div class="arqueo-section h-100">
        <div class="sec-head">
          <h5 class="sec-title"><span class="sec-step">8</span> Propinas</h5>
          <button type="button" class="btn btn-sm btn-outline-primary" onclick="agregar_propina();">
            <i class="bx bx-plus"></i> Agregar
          </button>
        </div>
        <div class="sec-body">
          <div class="arqueo-table-wrap table-responsive">
            <table class="table table-sm text-center mb-0">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Terminal</th>
                  <th>Valor</th>
                  <th></th>
                </tr>
              </thead>
              <tbody id="listado_propinas"></tbody>
              <tfoot>
                <tr>
                  <th></th>
                  <th class="text-end">Total</th>
                  <th id="total_propinas">0</th>
                  <th></th>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

  {{-- Resultados del día --}}
  <h6 class="text-uppercase text-muted fw-semibold mt-2 mb-2" style="letter-spacing:.04em;font-size:.75rem;">Resultados del día</h6>
  <div class="arqueo-results" aria-label="Resultados del día">
    <div class="arqueo-result highlight">
      <span class="lbl">Total día</span>
      <p class="val" id="total_dia">0</p>
    </div>
    <div class="arqueo-result">
      <span class="lbl">Total gastos</span>
      <p class="val" id="total_descuentos">0</p>
    </div>
    <div class="arqueo-result highlight">
      <span class="lbl">Efectivo banco</span>
      <p class="val" id="efectivo_banco">0</p>
    </div>
    <div class="arqueo-result">
      <span class="lbl">Tarjeta crédito</span>
      <p class="val" id="tarjeta_credito">0</p>
    </div>
    <div class="arqueo-result">
      <span class="lbl">Tarjeta débito</span>
      <p class="val" id="tarjeta_debito">0</p>
    </div>
    <div class="arqueo-result">
      <span class="lbl">Propina del día</span>
      <p class="val" id="propina_del_dia">0</p>
    </div>
    <div class="arqueo-result">
      <span class="lbl">Consumo p.p.</span>
      <p class="val" id="consumo_por_persona">0</p>
    </div>
  </div>

  {{-- 9. Fondo de caja --}}
  <div class="arqueo-section">
    <div class="sec-head">
      <h5 class="sec-title"><span class="sec-step">9</span> Detalle fondo de caja</h5>
      <span class="text-muted small">Caja anterior: <strong id="caja_anterior_">0</strong></span>
    </div>
    <div class="sec-body">
      <div class="row g-4">
        <div class="col-lg-8">
          <div class="arqueo-denoms">
            <div class="arqueo-denom">
              <label class="denom-lbl" for="cheques">Cheques</label>
              <input type="number" class="form-control" id="cheques" name="cheques" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="veintemil">$20.000</label>
              <input type="number" class="form-control" id="veintemil" name="veintemil" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="diezmil">$10.000</label>
              <input type="number" class="form-control" id="diezmil" name="diezmil" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="cincomil">$5.000</label>
              <input type="number" class="form-control" id="cincomil" name="cincomil" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="dosmil">$2.000</label>
              <input type="number" class="form-control" id="dosmil" name="dosmil" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="mil">$1.000</label>
              <input type="number" class="form-control" id="mil" name="mil" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="quinientos">$500</label>
              <input type="number" class="form-control" id="quinientos" name="quinientos" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="cien">$100</label>
              <input type="number" class="form-control" id="cien" name="cien" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="cincuenta">$50</label>
              <input type="number" class="form-control" id="cincuenta" name="cincuenta" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="diez">$10</label>
              <input type="number" class="form-control" id="diez" name="diez" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="dolares">Dólares</label>
              <input type="number" class="form-control" id="dolares" name="dolares" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="sencillo">Sencillo</label>
              <input type="number" class="form-control" id="sencillo" name="sencillo" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="gastos">Gastos</label>
              <input type="number" class="form-control" id="gastos" name="gastos" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="otros">Otros</label>
              <input type="number" class="form-control" id="otros" name="otros" placeholder="0">
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="arqueo-fondo-summary">
            <div class="arqueo-fondo-row">
              <span class="k">Total fondo caja</span>
              <span class="v" id="total_fondo_caja">0</span>
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="faltante">Faltante</label>
              <input type="number" class="form-control" id="faltante" name="faltante" placeholder="0">
            </div>
            <div class="arqueo-denom">
              <label class="denom-lbl" for="sobrante">Sobrante</label>
              <input type="number" class="form-control" id="sobrante" name="sobrante" placeholder="0">
            </div>
            <div class="arqueo-fondo-row muted d-none">
              <span class="k">Total</span>
              <span class="v" id="total_caja">0</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="arqueo-actions">
    <div class="arqueo-actions-inner">
      <button type="button" class="btn btn-outline-secondary" onClick="limpiar();">
        <i class="bx bx-x"></i> Cancelar
      </button>
      <button type="submit" class="btn btn-primary" onClick="pre_guardar();">
        <i class="bx bx-save"></i> Guardar arqueo
      </button>
    </div>
  </div>
</div>
@endsection
@section('scripts')
<script>
    $.validator.setDefaults({
        ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input'
    });

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    cargar_validaciones_custom();

    var cajaAnterior = {!! $cajaAnterior !!};
    var saldoVenta = {!! $saldoVenta !!};
    var saldoDebito = {!! $saldoDebito !!};
    var saldoCredito = {!! $saldoCredito !!};
    var saldoPropina = {!! $saldoPropina !!};
    var dp_tj_s_comision = {!! $totalPuntoVenta !!};
    
    var listado_gastos = [];
    var listado_creditos = [];
    var listado_punto_venta = [];
    var listado_propinas = [];
    
    var total_dia = 0;
    var total_descuento = 0;
    var total_descuentos = 0; 
    var efectivo_banco = 0;

    var total_gastos = 0;
    var total_creditos = 0;
    var total_punto_venta = 0;
    var total_propinas = 0;

    var total_debito = 0;
    var total_credito = 0;
    
    var consumo_por_persona = 0;

    var total_detalle_fondos_caja = 0;

    const formato = {
        minimumFractionDigits: 0,
        maximumFractionDigits: 3,
    };

    // ------------------------------------------------
    // ------------------------------------------------
        $('#caja_anterior').html(formatNumber(cajaAnterior));
        $('#caja_anterior_').html(formatNumber(cajaAnterior));
        $('#control_venta_diarias').html(formatNumber(saldoVenta));

        $('#saldo_tarjeta_debito').html(formatNumber(saldoDebito));
        $('#saldo_tarjeta_credito').html(formatNumber(saldoCredito));
        $('#saldo_tarjeta_credito').html(formatNumber(saldoCredito));
        $('#saldo_propinas').html(formatNumber(saldoPropina));
        
        $('#deposito_tarjeta_s_comision').html(formatNumber(dp_tj_s_comision - Math.ceil( Math.ceil(dp_tj_s_comision * 0.0276) * 1.19)));
    // ------------------------------------------------
    // ------------------------------------------------

        function agregar_gastos(){
            Swal.fire({
              title: 'Ingresar Gasto',
              html:
                '<input id="factura-input" class="swal2-input" placeholder="Proveedor / Factura">' +
                '<input id="observacion-input" class="swal2-input" placeholder="Observación">' +
                '<input id="valor-input" class="swal2-input" placeholder="Valor">',
              focusConfirm: false,
              preConfirm: () => {
                const factura = document.getElementById('factura-input').value;
                const observacion = document.getElementById('observacion-input').value;
                const valor = document.getElementById('valor-input').value;
            
                if (!factura || !valor) {
                  Swal.showValidationMessage(`Por favor, ingrese ${!factura ? 'Proveedor / Factura' : 'Valor'}.`);
                } else if (isNaN(valor)) {
                  Swal.showValidationMessage('Por favor, ingrese un valor numérico.');
                }
            
                return { factura: factura, observacion: observacion, valor: valor };
              }
            }).then((result) => {
              if (result.isConfirmed) {
                const { factura, observacion, valor } = result.value;
                const nuevoGasto = { factura: factura, observacion: observacion, valor: valor };
                listado_gastos.push(nuevoGasto);
                console.log(listado_gastos);
                listar_gastos();
              }
            });
        }

                function listar_gastos(){
            var html = "";
            total_gastos = 0;
            if (!listado_gastos.length) {
                html = `<tr class="arqueo-empty"><td colspan="5">Sin gastos registrados. Use + para agregar.</td></tr>`;
            }
            $.each(listado_gastos,function(key,value){
                html += `<tr>
                            <td><strong>${(key + 1)}</strong></td>
                            <td class="text-start">${value.factura}</td>
                            <td class="text-start text-muted">${value.observacion || '—'}</td>
                            <td class="text-end fw-semibold">$${formatNumber(value.valor)}</td>
                            <td>
                                <button type="button" class="btn btn-sm btn-icon btn-outline-danger" title="Eliminar" onclick="eliminar_gasto(${key})">
                                    <i class='bx bx-trash'></i>
                                </button>
                            </td>
                        </tr>`;
                total_gastos += parseFloat(value.valor);
            });

            $("#listado_gastos").html(html);
            calcular_totales_footer();
            calcular_descuentos();
        }

        function eliminar_gasto(index){
            listado_gastos.splice(index, 1);
            listar_gastos();
        }

    // ------------------------------------------------
    // ------------------------------------------------
        function agregar_creditos(){
            Swal.fire({
                title: 'Ingresar Credito',
                html:
                    '<input id="credito-input" class="swal2-input" placeholder="Credito">' +
                    '<input id="valor-input" class="swal2-input" placeholder="Valor">',
                focusConfirm: false,
                preConfirm: () => {
                    const credito = document.getElementById('credito-input').value;
                    const valor = document.getElementById('valor-input').value;
                    if (!credito || !valor) {
                        Swal.showValidationMessage(`Por favor, ingrese ${!credito ? 'Credito' : 'Valor'}.`);
                    } else if (isNaN(valor)) {
                        Swal.showValidationMessage('Por favor, ingrese un valor numérico.');
                    }
                    return { credito: credito, valor: valor };
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    const { credito, valor } = result.value;
                    const nuevoGasto = { credito: credito, valor: valor };
                    listado_creditos.push(nuevoGasto);
                    console.log(listado_creditos);
                    listar_creditos();
                }
            });

        }

                function listar_creditos(){
            var html = "";
            total_creditos = 0;
            if (!listado_creditos.length) {
                html = `<tr class="arqueo-empty"><td colspan="4">Sin créditos. Use + para agregar.</td></tr>`;
            }
            $.each(listado_creditos,function(key,value){
                html += `<tr>
                            <td><strong>${(key + 1)}</strong></td>
                            <td class="text-start">${value.credito}</td>
                            <td class="text-end fw-semibold">$${formatNumber(value.valor)}</td>
                            <td>
                                <button type="button" class="btn btn-sm btn-icon btn-outline-danger" title="Eliminar" onclick="eliminar_credito(${key})">
                                    <i class='bx bx-trash'></i>
                                </button>
                            </td>
                        </tr>`;
                total_creditos += parseFloat(value.valor);
            });

            $("#listado_creditos").html(html);
            calcular_totales_footer();
            calcular_descuentos();
        }

        function eliminar_credito(index){
            listado_creditos.splice(index, 1);
            listar_creditos();
        }
        
    // ------------------------------------------------
    // ------------------------------------------------

        function agregar_punto_venta(){
            Swal.fire({
                title: 'Ingresar Maquina',
                html:
                    '<select id="maquina-select" class="swal2-select">' +
                    '<option value="" disabled selected>Seleccione una opción</option>' +
                    '<option value="GET NET 20024227 DBT">GET NET 20024227 DBT</option>' +
                    '<option value="GET NET 20024227 CRT">GET NET 20024227 CRT</option>' +
                    '<option value="GET NET 20034691 DBT">GET NET 20034691 DBT</option>' +
                    '<option value="GET NET 20034691 CRT">GET NET 20034691 CRT</option>' +
                    '<option value="GET NET 20024225 DBT">GET NET 20024225 DBT</option>' +
                    '<option value="GET NET 20024225 CRT">GET NET 20024225 CRT</option>' +
                    // '<option value="GET NET TERMINAL 4 DBT">GET NET TERMINAL 4 DBT</option>' +
                    // '<option value="GET NET TERMINAL 4 CRT">GET NET TERMINAL 4 CRT</option>' +
                    '<option value="GET NET 20024692 DBT">GET NET 20024692 DBT</option>' +
                    '<option value="GET NET 20024692 CRT">GET NET 20024692 CRT</option>' +
                    '<option value="GET NET EXTRA DBT">GET NET EXTRA DBT</option>' +
                    '<option value="GET NET EXTRA CRT">GET NET EXTRA CRT</option>' +
                    '</select>' +
                    '<input id="valor-input" class="swal2-input" placeholder="Valor">',
                focusConfirm: false,
                preConfirm: () => {
                    const maquina = document.getElementById('maquina-select').value;
                    const valor = document.getElementById('valor-input').value;
                    if (!maquina || !valor) {
                        Swal.showValidationMessage(`Por favor, ingrese ${!maquina ? 'Maquina' : 'Valor'}.`);
                    } else if (isNaN(valor)) {
                        Swal.showValidationMessage('Por favor, ingrese un valor numérico.');
                    } else if (listado_punto_venta.some(gasto => gasto.maquina === maquina)) {
                        Swal.showValidationMessage('La máquina ingresada ya existe en el listado.');
                    }
                    return { maquina: maquina, valor: valor };
                }
                }).then((result) => {
                    if (result.isConfirmed) {
                        const { maquina, valor } = result.value;
                        const nuevoGasto = { maquina: maquina, valor: valor };
                        listado_punto_venta.push(nuevoGasto);
                        console.log(listado_punto_venta);
                        listar_punto_venta();
                    }
                });


        }

                function listar_punto_venta(){
            var html = "";
            total_punto_venta = 0;
            total_debito = 0;
            total_credito = 0;
            if (!listado_punto_venta.length) {
                html = `<tr class="arqueo-empty"><td colspan="4">Sin puntos de venta. Use + para agregar.</td></tr>`;
            }
            $.each(listado_punto_venta,function(key,value){
                html += `<tr>
                            <td><strong>${(key + 1)}</strong></td>
                            <td class="text-start">${value.maquina}</td>
                            <td class="text-end fw-semibold">$${formatNumber(value.valor)}</td>
                            <td>
                                <button type="button" class="btn btn-sm btn-icon btn-outline-danger" title="Eliminar" onclick="eliminar_punto_venta(${key})">
                                    <i class='bx bx-trash'></i>
                                </button>
                            </td>
                        </tr>`;
                total_punto_venta += parseFloat(value.valor);
                
                if(['GET NET 20024227 DBT','GET NET 20034691 DBT','GET NET 20024225 DBT','GET NET TERMINAL 4 DBT','GET NET 20024692 DBT','GET NET EXTRA DBT'].includes(value.maquina)){
                    total_debito += parseFloat(value.valor);
                }

                if(['GET NET 20024227 CRT','GET NET 20034691 CRT','GET NET 20024225 CRT','GET NET TERMINAL 4 CRT','GET NET 20024692 CRT','GET NET EXTRA CRT'].includes(value.maquina)){
                    total_credito += parseFloat(value.valor);
                }
            });

            $("#listado_punto_venta").html(html);
            $("#tarjeta_credito").html(formatNumber(total_credito));
            $("#tarjeta_debito").html(formatNumber(total_debito));
            $('#deposito_tarjeta_s_comision').html(formatNumber((dp_tj_s_comision + total_punto_venta) - Math.ceil( Math.ceil((dp_tj_s_comision + total_punto_venta) * 0.0276) * 1.19)));
            calcular_totales_footer();
            calcular_descuentos();
        }

        function eliminar_punto_venta(index){
            listado_punto_venta.splice(index, 1);
            listar_punto_venta();
        }
        
    // ------------------------------------------------
    // ------------------------------------------------

        function agregar_propina(){
            Swal.fire({
                title: 'Ingresar Propina',
                html:
                    '<select id="terminal-select" class="swal2-select">' +
                    '<option value="" disabled selected>Seleccione una opción</option>' +
                    '<option value="TERMINAL 225">TERMINAL 225</option>' +
                    '<option value="TERMINAL 227">TERMINAL 227</option>' +
                    '<option value="TERMINAL 691">TERMINAL 691</option>' +
                    '<option value="TERMINAL 692">TERMINAL 692</option>' +
                    '</select>' +
                    '<input id="valor-input" class="swal2-input" placeholder="Valor">',
                focusConfirm: false,
                preConfirm: () => {
                    const terminal = document.getElementById('terminal-select').value;
                    const valor = document.getElementById('valor-input').value;
                    if (!terminal || !valor) {
                        Swal.showValidationMessage(`Por favor, ingrese ${!terminal ? 'Terminal' : 'Valor'}.`);
                    } else if (isNaN(valor)) {
                        Swal.showValidationMessage('Por favor, ingrese un valor numérico.');
                    } else if (listado_propinas.some(gasto => gasto.terminal === terminal)) {
                        Swal.showValidationMessage('La Terminal ingresada ya existe en el listado.');
                    }
                    return { terminal: terminal, valor: valor };
                }
                }).then((result) => {
                    if (result.isConfirmed) {
                        const { terminal, valor } = result.value;
                        const nuevoGasto = { terminal: terminal, valor: valor };
                        listado_propinas.push(nuevoGasto);
                        console.log(listado_propinas);
                        listar_propinas();
                    }
                });


        }

                function listar_propinas(){
            var html = "";
            total_propinas = 0;
            if (!listado_propinas.length) {
                html = `<tr class="arqueo-empty"><td colspan="4">Sin propinas. Use + para agregar.</td></tr>`;
            }
            $.each(listado_propinas,function(key,value){
                html += `<tr>
                            <td><strong>${(key + 1)}</strong></td>
                            <td class="text-start">${value.terminal}</td>
                            <td class="text-end fw-semibold">$${formatNumber(value.valor)}</td>
                            <td>
                                <button type="button" class="btn btn-sm btn-icon btn-outline-danger" title="Eliminar" onclick="eliminar_propina(${key})">
                                    <i class='bx bx-trash'></i>
                                </button>
                            </td>
                        </tr>`;
                total_propinas += parseFloat(value.valor);
            });

            $("#listado_propinas").html(html);
            $('#propina_del_dia').html(formatNumber(total_propinas));
            calcular_totales_footer();
        }

        function eliminar_propina(index){
            listado_propinas.splice(index, 1);
            listar_propinas();
        }
        
    // ------------------------------------------------
    // ------------------------------------------------

    $('#ventas_z_plu, #nulo, #descuento_personal, #descuento_dueno, #cant_personas').keyup(function(){
        var ventas_z_plu = $('#ventas_z_plu').val();
        var nulo = $('#nulo').val();
        var descuento_personal = $('#descuento_personal').val();
        var descuento_dueno = $('#descuento_dueno').val();
        var cant_personas = $('#cant_personas').val();

        console.log(ventas_z_plu,nulo,descuento_personal,descuento_dueno);

        total_dia = isNan(ventas_z_plu) - (isNan(nulo) + isNan(descuento_personal) + isNan(descuento_dueno));
        total_descuento = (isNan(nulo) + isNan(descuento_personal) + isNan(descuento_dueno));
        
        consumo_por_persona = Math.ceil(total_dia / isNan(cant_personas));

        $('#total_dia').html(formatNumber(total_dia));
        $('#consumo_por_persona').html(formatNumber(consumo_por_persona));
        $('#control_venta_diarias').html(formatNumber(isNan(saldoVenta) + isNan(total_dia)));
        $('#total_descuento').html(formatNumber(total_descuento));
        calcular_efectivo_banco();
    });

    $('#cheque_otros_bancos, #cheque_mismo_bancos, #transferencias').keyup(function(){
        calcular_descuentos();
    });

    $('#cheques,#veintemil,#diezmil,#cincomil,#dosmil,#mil,#quinientos,#cien,#cincuenta,#diez,#dolares,#sencillo,#gastos,#otros,#faltante,#sobrante').change(function(){
        var cheques = $('#cheques').val();
        var veintemil = $('#veintemil').val();
        var diezmil = $('#diezmil').val();
        var cincomil = $('#cincomil').val();
        var dosmil = $('#dosmil').val();
        var mil = $('#mil').val();
        var quinientos = $('#quinientos').val();
        var cien = $('#cien').val();
        var cincuenta = $('#cincuenta').val();
        var diez = $('#diez').val();
        var dolares = $('#dolares').val();
        var sencillo = $('#sencillo').val();
        var gastos = $('#gastos').val();
        var otros = $('#otros').val();
        var faltante = $('#faltante').val();
        var sobrante = $('#sobrante').val();

        total_detalle_fondos_caja = (isNan(cheques) + isNan(veintemil) + isNan(diezmil) + isNan(cincomil) + isNan(dosmil) + isNan(mil) + isNan(quinientos) + isNan(cien) + isNan(cincuenta) + isNan(diez) + isNan(dolares) + isNan(sencillo) + isNan(gastos) + isNan(otros));
        $('#total_fondo_caja').html(formatNumber(total_detalle_fondos_caja));
        
        faltante = 0;
        sobrante = 0;
        if(cajaAnterior > total_detalle_fondos_caja){
            faltante =  (cajaAnterior - total_detalle_fondos_caja);
        }else if(cajaAnterior < total_detalle_fondos_caja){
            sobrante = (total_detalle_fondos_caja - cajaAnterior);
        }
        
        $('#faltante').val(faltante);
        $('#sobrante').val(sobrante);
        
        $('#total_caja').html(formatNumber(total_detalle_fondos_caja + isNan(faltante) - isNan(sobrante)));

        // if(total_detalle_fondos_caja > efectivo_banco){
        //     Swal.fire({
        //         position: 'top-end',
        //         icon: 'error',
        //         title: "¡ Fondo de Caja no puede ser mayor al Efectivo del día !",
        //         showConfirmButton: false,
        //         timer: 1500
        //     });
        // }
    });
    
    function calcular_descuentos(){
        var cheque_otros_bancos = $('#cheque_otros_bancos').val();
        var cheque_mismo_bancos = $('#cheque_mismo_bancos').val();
        var transferencias = $('#transferencias').val();

        total_descuentos = (isNan(cheque_otros_bancos) + isNan(cheque_mismo_bancos) + isNan(transferencias)) + (isNan(total_gastos) + isNan(total_creditos) + isNan(total_punto_venta));
        $('#total_descuentos').html(formatNumber(isNan(total_gastos)));
        calcular_efectivo_banco();
    }

    function calcular_efectivo_banco(){
        efectivo_banco = isNan(total_dia) - isNan(total_descuentos);
        $('#efectivo_banco').html(formatNumber(efectivo_banco));
    }
    
    function isNan(value){
        if ((typeof value === 'number' && isNaN(value)) || value == ''){
            return 0;
        }
        return parseFloat(value);
    }

    function formatNumber(num) {
        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
    }

    // ------------------------------------------------
    // ------------------------------------------------
    function calcular_totales_footer(){
        $('#total_gastos').html(formatNumber(total_gastos));
        $('#total_creditos').html(formatNumber(total_creditos));
        $('#total_punto_venta').html(formatNumber(total_punto_venta));
        $('#total_propinas').html(formatNumber(total_propinas));
    }

    function limpiar(){
        listado_gastos = [];
        listado_creditos = [];
        listado_punto_venta = [];
        listado_propinas = [];
        total_dia = 0;
        total_descuento = 0;
        total_descuentos = 0; 
        efectivo_banco = 0;
        total_gastos = 0;
        total_creditos = 0;
        total_punto_venta = 0;
        total_propinas = 0;
        total_debito = 0;
        total_credito = 0;
        total_detalle_fondos_caja = 0;

        $('#cant_personas').val('');
        $('#fecha').val("{{ date('Y-m-d'); }}");
        $('#cajero').val('');
        $('#ventas_z_plu').val('');
        $('#nulo').val('');
        $('#descuento_personal').val('');
        $('#descuento_dueno').val('');
        $('#cheque_otros_bancos').val('');
        $('#cheque_mismo_bancos').val('');
        $('#transferencias').val('');
        $('#venta_boletas').val('');
        $('#venta_facturas').val('');
        $('#venta_manuales').val('');
        $('#cheques').val('');
        $('#veintemil').val('');
        $('#diezmil').val('');
        $('#cincomil').val('');
        $('#dosmil').val('');
        $('#mil').val('');
        $('#quinientos').val('');
        $('#cien').val('');
        $('#cincuenta').val('');
        $('#diez').val('');
        $('#dolares').val('');
        $('#sencillo').val('');
        $('#gastos').val('');
        $('#otros').val('');
        $('#faltante').val('');
        $('#sobrante').val('');

        listar_gastos();
        listar_creditos();
        listar_punto_venta();
        listar_propinas();
    }
    
    function pre_guardar(){
        if(Object.keys(listado_gastos).length !== 0){
            Swal.fire({
              title: 'Ingresar número de cheque',
              input: 'text',
              inputPlaceholder: 'Ingrese el número de cheque',
              showCancelButton: true,
              confirmButtonText: 'Guardar',
              cancelButtonText: 'Cancelar',
              preConfirm: (numeroCheque) => {
                if (!numeroCheque) {
                  Swal.showValidationMessage('Ingrese un número de cheque válido');
                }
                return numeroCheque;
              },
            }).then((result) => {
              if (result.isConfirmed){
                const numeroCheque = result.value;
                listado_gastos.forEach((gasto) => {
                    gasto.cheque = numeroCheque;
                });
                listar_gastos();
                Swal.fire('Número de cheque guardado!', '', 'success');
                guardar();
              }
            });
        }else{
            Swal.fire({
              title: '¿Estás seguro que deseas guardar la caja?',
              icon: 'question',
              showCancelButton: true,
              confirmButtonText: 'Confirmar',
              cancelButtonText: 'Cancelar'
            }).then((result) => {
              if (result.isConfirmed) {
                $('#cheques,#veintemil,#diezmil,#cincomil,#dosmil,#mil,#quinientos,#cien,#cincuenta,#diez,#dolares,#sencillo,#gastos,#otros,#faltante,#sobrante').trigger('change');
                guardar();
              }
            });
            
        }
    }

    function guardar(){

        var cant_personas = $('#cant_personas').val();
        var fecha = $('#fecha').val();
        var cajero = $('#cajero').val();
        var ventas_z_plu = $('#ventas_z_plu').val();

        var nulo = $('#nulo').val();
        var descuento_personal = $('#descuento_personal').val();
        var descuento_dueno = $('#descuento_dueno').val();

        var cheque_otros_bancos = $('#cheque_otros_bancos').val();
        var cheque_mismo_bancos = $('#cheque_mismo_bancos').val();
        var transferencias = $('#transferencias').val();
    
        var boleta_inicial = $('#boleta_inicial').val();
        var boleta_final = $('#boleta_final').val();
        
        var venta_boletas = $('#venta_boletas').val();
        var venta_facturas = $('#venta_facturas').val();
        var venta_manuales = $('#venta_manuales').val();

        var cheques = $('#cheques').val();
        var veintemil = $('#veintemil').val();
        var diezmil = $('#diezmil').val();
        var cincomil = $('#cincomil').val();
        var dosmil = $('#dosmil').val();
        var mil = $('#mil').val();
        var quinientos = $('#quinientos').val();
        var cien = $('#cien').val();
        var cincuenta = $('#cincuenta').val();
        var diez = $('#diez').val();
        var dolares = $('#dolares').val();
        var sencillo = $('#sencillo').val();
        var gastos = $('#gastos').val();
        var otros = $('#otros').val();
        var faltante = $('#faltante').val();
        var sobrante = $('#sobrante').val();

        if(cant_personas == ''){
            Swal.fire({
                position: 'top-end',
                icon: 'error',
                title: "¡ Debe Intregar las Cantidad de Personas !",
                showConfirmButton: false,
                timer: 1500
            });
            return;
        }

        if(ventas_z_plu == ''){
            Swal.fire({
                position: 'top-end',
                icon: 'error',
                title: "¡ Debe Intregar Ventas Z PLU !",
                showConfirmButton: false,
                timer: 1500
            });
            return;
        }

        // if(total_detalle_fondos_caja > efectivo_banco){
        //     Swal.fire({
        //         position: 'top-end',
        //         icon: 'error',
        //         title: "¡ Fondo de Caja no puede ser mayor al Efectivo del día !",
        //         showConfirmButton: false,
        //         timer: 1500
        //     });
        //     return;
        // }
        
        var parametros = {
            cant_personas,
            fecha,
            cajero,
            ventas_z_plu,
            nulo,
            descuento_personal,
            descuento_dueno,
            cheque_otros_bancos,
            cheque_mismo_bancos,
            transferencias,
            boleta_inicial,
            boleta_final,
            venta_boletas,
            venta_facturas,
            venta_manuales,
            total_dia,
            total_descuento,
            total_descuentos, 
            efectivo_banco,
            consumo_por_persona,
            total_gastos,
            total_creditos,
            total_punto_venta,
            total_propinas,
            total_debito,
            total_credito,
            total_detalle_fondos_caja,
            listado_gastos,
            listado_creditos,
            listado_punto_venta,
            listado_propinas,
            detalle_fondo_caja : {
                cheques,
                veintemil,
                diezmil,
                cincomil,
                dosmil,
                mil,
                quinientos,
                cien,
                cincuenta,
                diez,
                dolares,
                sencillo,
                gastos,
                otros,
                faltante,
                sobrante
            }
        };
        
        listar_gastos();
    listar_creditos();
    listar_punto_venta();
    listar_propinas();

    @if(isset($registroDiario))
            parametros.id = {!! $registroDiario !!}.id;
        @endif

        console.log(parametros);
        
        $.ajax({
                url: '{{ URL::to('/') }}/arqueo/guardar',
                type: 'POST',
                data: parametros,
                success: function(response){
                    console.log(response);

                    if(response.response){
    
                        Swal.fire({
                            position: 'top-end',
                            icon: 'success',
                            title: '¡Excelente! La información ha sido guardada correctamente.',
                            showConfirmButton: false,
                            timer: 1500
                        }).then((result) => {
                            window.open('{{ URL::to('/') }}/pdf_arqueo/'+response.data.id, '_blank');
                            limpiar();
                            location.reload();
                        });
                        
                    }else{
                        Swal.fire({
                            position: 'top-end',
                            icon: 'error',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 1500
                        });
                    }
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
    }
    
    listar_gastos();
    listar_creditos();
    listar_punto_venta();
    listar_propinas();

    @if(isset($registroDiario))
        console.log({!! $registroDiario !!});
        
        $('#titulo_arqueo').html(`<span class="text-muted fw-light">Arqueo de </span> Caja #${ {!! $registroDiario !!}.id }`);

        $('#cant_personas').val({!! $registroDiario !!}.cant_personas);
        $('#fecha').val({!! $registroDiario !!}.fecha);
        $('#cajero').val({!! $registroDiario !!}.cajero);
        $('#ventas_z_plu').val({!! $registroDiario !!}.ventas_z_plu);
        
        $('#nulo').val({!! $registroDiario !!}.nulo);
        $('#descuento_personal').val({!! $registroDiario !!}.descuento_personal);
        $('#descuento_dueno').val({!! $registroDiario !!}.descuento_dueno).trigger('keyup');
        
        $('#cheque_otros_bancos').val({!! $registroDiario !!}.cheque_otros_bancos);
        $('#cheque_mismo_bancos').val({!! $registroDiario !!}.cheque_mismo_bancos);
        $('#transferencias').val({!! $registroDiario !!}.transferencias).trigger('keyup');
        
        $('#boleta_inicial').val({!! $registroDiario !!}.boleta_inicial).trigger('change');
        $('#boleta_final').val({!! $registroDiario !!}.boleta_final).trigger('change');
        $('#venta_boletas').val({!! $registroDiario !!}.venta_boletas).trigger('change');
        $('#venta_facturas').val({!! $registroDiario !!}.venta_facturas).trigger('change');
        $('#venta_manuales').val({!! $registroDiario !!}.venta_manuales).trigger('change');
        
        $('#cheques').val({!! $fondoCaja !!}.cheques);
        $('#veintemil').val({!! $fondoCaja !!}.veintemil);
        $('#diezmil').val({!! $fondoCaja !!}.diezmil);
        $('#cincomil').val({!! $fondoCaja !!}.cincomil);
        $('#dosmil').val({!! $fondoCaja !!}.dosmil);
        $('#mil').val({!! $fondoCaja !!}.mil);
        $('#quinientos').val({!! $fondoCaja !!}.quinientos);
        $('#cien').val({!! $fondoCaja !!}.cien);
        $('#cincuenta').val({!! $fondoCaja !!}.cincuenta);
        $('#diez').val({!! $fondoCaja !!}.diez);
        $('#dolares').val({!! $fondoCaja !!}.dolares);
        $('#sencillo').val({!! $fondoCaja !!}.sencillo);
        $('#gastos').val({!! $fondoCaja !!}.gastos);
        $('#otros').val({!! $fondoCaja !!}.otros).trigger('change');
        $('#faltante').val({!! $fondoCaja !!}.faltante);
        $('#sobrante').val({!! $fondoCaja !!}.sobrante);
    
        listado_gastos = {!! $gastos !!};
        listado_creditos = {!! $creditos !!};
        listado_punto_venta = {!! $puntosVentas !!};
        listado_propinas = {!! $propinas !!};
        
        listar_gastos();
        listar_creditos();
        listar_punto_venta();
        listar_propinas();
    @endif

</script>
@endsection