@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 venta</span> diaria</h4>
      <p class="hint">Genere el detalle de ventas de un día, filtrando por turno si lo necesita.</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="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 col-xl-2">
        <label class="form-label" for="turno">Turno</label>
        <select name="turno" id="turno" class="form-select">
          <option value="TODOS">Todos</option>
          <option value="MAÑANA">Mañana</option>
          <option value="TARDE">Tarde</option>
        </select>
      </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-calendar"></i>
    Elija fecha y turno, luego 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 turno = $('#turno').val();
    const fecha = $('#fecha').val();
    if (!turno) {
      Swal.fire({ position: 'top-end', icon: 'error', title: '¡ Debe ingresar un turno !', showConfirmButton: false, timer: 1500 });
      return null;
    }
    if (!fecha) {
      Swal.fire({ position: 'top-end', icon: 'error', title: '¡ Debe ingresar una fecha !', showConfirmButton: false, timer: 1500 });
      return null;
    }
    return { turno, fecha };
  }

  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_diario/${p.fecha}/${p.turno}`);
    $('#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_diario_excel/${p.fecha}/${p.turno}`;
  }
</script>
@endsection