@extends("theme.sneat.admin")
@section('contenido')
<meta name="csrf-token" content="{{ csrf_token() }}" />
@include('admin.informes._styles')

<div class="inf-page">
  <div class="page-head">
    <div>
      <h4 class="fw-bold"><span class="text-muted fw-light">Informe de ventas</span> acumuladas</h4>
      <p class="hint">Consulte el acumulado de ventas entre dos fechas, ordenado por PLU.</p>
    </div>
  </div>

  <div class="inf-filters">
    <div class="row g-3 align-items-end">
      <div class="col-6 col-md-3 col-xl-2">
        <label class="form-label" for="inicio">Desde</label>
        <input type="date" class="form-control" id="inicio" name="inicio" value="{{ date('Y-m-d'); }}" />
      </div>
      <div class="col-6 col-md-3 col-xl-2">
        <label class="form-label" for="fin">Hasta</label>
        <input type="date" class="form-control" id="fin" name="fin" value="{{ date('Y-m-d'); }}" />
      </div>
      <div class="col-12 col-md-6 col-xl-8">
        <div class="inf-actions">
          <button type="button" class="btn btn-primary" onClick="generar();">
            <i class="bx bx-file"></i> Generar PDF
          </button>
          <button type="button" class="btn btn-outline-secondary" onClick="generar_excel();">
            <i class="bx bx-spreadsheet"></i> Excel
          </button>
        </div>
      </div>
    </div>
  </div>

  <div id="bloque_vacio" class="inf-empty">
    <i class="bx bx-trending-up"></i>
    Defina el rango de fechas y pulse <strong>Generar PDF</strong>.
  </div>

  <div class="inf-result d-none" id="modal-pdf">
    <div class="inf-result-head">
      <h6>Vista del informe</h6>
    </div>
    <div class="inf-result-body">
      <iframe id="pdf-viewer" width="100%" height="800px"></iframe>
    </div>
  </div>
</div>
@endsection
@section('scripts')
<script>
  $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

  function periodoOk() {
    const inicio = $('#inicio').val();
    const fin = $('#fin').val();
    if (!inicio) {
      Swal.fire({ position: 'top-end', icon: 'error', title: '¡ Debe ingresar un inicio !', showConfirmButton: false, timer: 1500 });
      return null;
    }
    if (!fin) {
      Swal.fire({ position: 'top-end', icon: 'error', title: '¡ Debe ingresar un fin !', showConfirmButton: false, timer: 1500 });
      return null;
    }
    return { inicio, fin };
  }

  function generar() {
    const p = periodoOk();
    if (!p) { $('#modal-pdf').addClass('d-none'); $('#bloque_vacio').removeClass('d-none'); return; }
    $('#pdf-viewer').prop('src', `{{ URL::to('/') }}/informe_venta_acumulada/${p.inicio}/${p.fin}`);
    $('#bloque_vacio').addClass('d-none');
    $('#modal-pdf').removeClass('d-none');
  }

  function generar_excel() {
    const p = periodoOk();
    if (!p) return;
    window.location.href = `{{ URL::to('/') }}/informe_venta_acumulada_excel/${p.inicio}/${p.fin}`;
  }
</script>
@endsection