@extends("theme.sneat.admin")
@section('contenido')
<meta name="csrf-token" content="{{ csrf_token() }}" />
@php $c = $cfg; @endphp
<style>
  .rp-page {
    --rp-border: #e7e7e9;
    --rp-muted: #697a8d;
    --rp-surface: #f8f9fa;
    --rp-accent: {{ $c['accent'] }};
    --rp-accent-soft: {{ $c['accent_soft'] }};
    --rp-accent-border: {{ $c['accent_border'] }};
    --rp-ok: #28c76f;
    --rp-warn: #ff9f43;
    --rp-info: #00cfe8;
  }
  .rp-page .page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.15rem;
  }
  .rp-page .page-head h4 { margin: 0; }
  .rp-page .page-head .hint {
    margin: 0.3rem 0 0;
    color: var(--rp-muted);
    font-size: 0.875rem;
    max-width: 42rem;
  }
  .rp-page .head-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; }
  .rp-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
  @media (min-width: 768px) {
    .rp-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  .rp-kpi {
    background: #fff;
    border: 1px solid var(--rp-border);
    border-radius: 0.65rem;
    padding: 0.95rem 1.05rem;
  }
  .rp-kpi .lbl {
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rp-muted);
    font-weight: 650;
    margin-bottom: 0.25rem;
  }
  .rp-kpi .val {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: #566a7f;
    font-variant-numeric: tabular-nums;
  }
  .rp-kpi.is-accent {
    background: linear-gradient(135deg, var(--rp-accent-soft) 0%, #fff 75%);
    border-color: var(--rp-accent-border);
  }
  .rp-kpi.is-accent .val { color: var(--rp-accent); }
  .rp-kpi.is-ok .val { color: var(--rp-ok); }
  .rp-kpi.is-warn .val { color: var(--rp-warn); }
  .rp-kpi.is-info .val { color: var(--rp-info); }
  .rp-grid {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  @media (min-width: 992px) {
    .rp-grid { grid-template-columns: 1.05fr 1.2fr; align-items: start; }
  }
  .rp-panel {
    background: #fff;
    border: 1px solid var(--rp-border);
    border-radius: 0.75rem;
    overflow: hidden;
  }
  .rp-panel .panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--rp-border);
    background: var(--rp-surface);
  }
  .rp-panel .panel-head h6 {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 750;
    color: #566a7f;
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }
  .rp-panel .panel-body { padding: 1.05rem 1.15rem; }
  .rp-panel .form-label {
    font-size: 0.8rem;
    font-weight: 650;
    color: #566a7f;
    margin-bottom: 0.3rem;
  }
  .rp-search-wrap { position: relative; }
  .rp-search-wrap .form-control,
  .rp-search-wrap .input-group-text { min-height: 44px; }
  .rp-suggest {
    position: absolute;
    left: 0; right: 0;
    top: calc(100% + 4px);
    z-index: 40;
    background: #fff;
    border: 1px solid var(--rp-border);
    border-radius: 0.6rem;
    box-shadow: 0 0.5rem 1.25rem rgba(67, 89, 113, 0.12);
    max-height: 300px;
    overflow: auto;
    display: none;
  }
  .rp-suggest.is-open { display: block; }
  .rp-suggest-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 0.7rem 0.9rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f1f4;
  }
  .rp-suggest-item:last-child { border-bottom: 0; }
  .rp-suggest-item:hover,
  .rp-suggest-item.is-active { background: var(--rp-accent-soft); }
  .rp-suggest-item .name { font-weight: 700; color: #566a7f; font-size: 0.9rem; }
  .rp-suggest-item .meta { font-size: 0.75rem; color: var(--rp-muted); }
  .rp-suggest-empty {
    padding: 0.9rem;
    color: var(--rp-muted);
    font-size: 0.85rem;
    text-align: center;
  }
  .rp-selected {
    margin-top: 0.55rem;
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
  }
  .rp-selected.is-on { display: flex; }
  .rp-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    background: var(--rp-surface);
    border: 1px solid var(--rp-border);
    font-size: 0.75rem;
    font-weight: 650;
    color: #566a7f;
  }
  .rp-chip.is-accent {
    background: var(--rp-accent-soft);
    border-color: var(--rp-accent-border);
    color: var(--rp-accent);
  }
  .rp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
  }
  .rp-actions .btn { min-height: 42px; }
  .rp-btn-accent {
    background: var(--rp-accent) !important;
    border-color: var(--rp-accent) !important;
    color: #fff !important;
  }
  .rp-btn-accent:hover { filter: brightness(0.95); color: #fff !important; }
  .rp-table thead th {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rp-muted);
    border-bottom-color: var(--rp-border);
    white-space: nowrap;
  }
  .rp-table tbody td { vertical-align: middle; font-size: 0.88rem; }
  .rp-table .qty {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--rp-accent);
    white-space: nowrap;
  }
  .rp-table .muted { color: var(--rp-muted); font-size: 0.78rem; }
  .rp-empty {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--rp-muted);
  }
  .rp-empty i { font-size: 2rem; display: block; margin-bottom: 0.4rem; color: #b4b8c5; }
  .rp-obs {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--rp-muted);
    font-size: 0.8rem;
  }
  .rp-date-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.65rem;
    margin-bottom: 1rem;
    background: #fff;
    border: 1px solid var(--rp-border);
    border-radius: 0.75rem;
    padding: 0.9rem 1.1rem;
  }
  .rp-date-bar .form-control { min-height: 42px; max-width: 200px; }
</style>

<div class="rp-page">
  <div class="page-head">
    <div>
      <h4 class="fw-bold"><span class="text-muted fw-light">Registro de</span> {{ $c['titulo'] }}</h4>
      <p class="hint">{{ $c['subtitulo'] }}</p>
    </div>
    <div class="head-actions">
      <a href="{{ $c['urls']['informe'] }}" class="btn btn-outline-secondary">
        <i class="bx bx-bar-chart-alt-2"></i> Informe
      </a>
    </div>
  </div>

  <div class="rp-date-bar">
    <div>
      <label class="form-label mb-1" for="rp_fecha">Fecha del registro</label>
      <input type="date" class="form-control" id="rp_fecha" />
    </div>
    <button type="button" class="btn btn-outline-primary" id="btn_hoy">
      <i class="bx bx-calendar"></i> Hoy
    </button>
    <button type="button" class="btn btn-outline-secondary" id="btn_recargar">
      <i class="bx bx-refresh"></i> Actualizar
    </button>
  </div>

  <div class="rp-kpis" id="rp_kpis">
    <div class="rp-kpi is-accent"><span class="lbl">Registros del día</span><p class="val" id="kpi_regs">0</p></div>
    @if (!empty($c['requiere_personas']))
      <div class="rp-kpi is-warn"><span class="lbl">Consumo por persona</span><p class="val" id="kpi_cant">$0</p></div>
    @else
      <div class="rp-kpi is-warn"><span class="lbl">Cantidad total</span><p class="val" id="kpi_cant">0</p></div>
    @endif
    <div class="rp-kpi is-info"><span class="lbl" id="kpi_prod_lbl">{{ !empty($c['permite_preparaciones']) ? 'Ítems distintos' : 'Productos distintos' }}</span><p class="val" id="kpi_prod">0</p></div>
    <div class="rp-kpi is-ok"><span class="lbl">Costo estimado</span><p class="val" id="kpi_costo">$0</p></div>
  </div>

  <div class="rp-grid">
    <div class="rp-panel">
      <div class="panel-head">
        <h6><i class="bx {{ $c['icon'] }}"></i> <span id="form_title">Nuevo registro</span></h6>
        <span class="rp-chip is-accent" id="form_mode">Alta</span>
      </div>
      <div class="panel-body">
        <input type="hidden" id="rp_id" value="" />
        <div class="mb-3">
          <label class="form-label" for="rp_buscar" id="lbl_buscar">{{ !empty($c['permite_preparaciones']) ? 'Producto o preparación' : 'Producto' }}</label>
          <div class="rp-search-wrap">
            <div class="input-group">
              <span class="input-group-text"><i class="bx bx-search"></i></span>
              <input type="text" class="form-control" id="rp_buscar" placeholder="{{ !empty($c['permite_preparaciones']) ? 'Buscar producto o preparación…' : 'Buscar producto…' }}" autocomplete="off" />
            </div>
            <div class="rp-suggest" id="rp_suggest" role="listbox"></div>
          </div>
          <div class="rp-selected" id="rp_selected">
            <span class="rp-chip is-accent" id="sel_tipo" style="display:none"></span>
            <span class="rp-chip is-accent" id="sel_nombre"></span>
            <span class="rp-chip" id="sel_unidad"></span>
            <span class="rp-chip" id="sel_categoria"></span>
          </div>
        </div>
        <div class="mb-3">
          <label class="form-label" for="rp_cantidad">Cantidad <span class="text-muted fw-normal">(hasta 2 decimales)</span></label>
          <input type="number" class="form-control" id="rp_cantidad" min="0.01" step="0.01" placeholder="0.00" />
        </div>
        @if (!empty($c['requiere_personas']))
        <div class="mb-3">
          <label class="form-label" for="rp_personas">Cantidad de personas <span class="text-danger">*</span></label>
          <input type="number" class="form-control" id="rp_personas" min="1" step="1" placeholder="Ej: 12" required />
          <div class="form-text">Obligatorio. Se usa para calcular el consumo por persona del día.</div>
        </div>
        @endif
        <div class="mb-2">
          <label class="form-label" for="rp_obs">Observación</label>
          <textarea class="form-control" id="rp_obs" rows="3" placeholder="Opcional: motivo, turno, responsable…"></textarea>
        </div>
        <div class="rp-actions">
          <button type="button" class="btn rp-btn-accent" id="btn_guardar">
            <i class="bx bx-save"></i> Guardar
          </button>
          <button type="button" class="btn btn-outline-secondary" id="btn_limpiar">
            <i class="bx bx-eraser"></i> Limpiar
          </button>
        </div>
      </div>
    </div>

    <div class="rp-panel">
      <div class="panel-head">
        <h6><i class="bx bx-list-ul"></i> Registros del día</h6>
        <span class="rp-chip" id="list_count">0</span>
      </div>
      <div class="panel-body p-0">
        <div class="table-responsive">
          <table class="table table-hover mb-0 rp-table">
            <thead>
              <tr>
                <th>{{ !empty($c['permite_preparaciones']) ? 'Ítem' : 'Producto' }}</th>
                <th class="text-end">Cantidad</th>
                <th>Obs.</th>
                <th class="text-end" style="width:100px">Acciones</th>
              </tr>
            </thead>
            <tbody id="rp_tbody">
              <tr><td colspan="4" class="rp-empty"><i class="bx bx-calendar-x"></i>Sin registros para esta fecha</td></tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script>
(function () {
  const CFG = @json($c);
  const CSRF = $('meta[name="csrf-token"]').attr('content');
  const PERMITE_PREP = !!CFG.permite_preparaciones;
  const REQUIERE_PERSONAS = !!CFG.requiere_personas;

  let selected = null;
  let searchTimer = null;
  let suggestItems = [];
  let activeIdx = -1;

  const $fecha = $('#rp_fecha');
  const $buscar = $('#rp_buscar');
  const $suggest = $('#rp_suggest');
  const $selected = $('#rp_selected');
  const $id = $('#rp_id');
  const $cant = $('#rp_cantidad');
  const $obs = $('#rp_obs');
  const $personas = $('#rp_personas');

  function todayISO() {
    const d = new Date();
    const m = String(d.getMonth() + 1).padStart(2, '0');
    const day = String(d.getDate()).padStart(2, '0');
    return d.getFullYear() + '-' + m + '-' + day;
  }

  function esc(s) {
    return String(s == null ? '' : s)
      .replace(/&/g, '&amp;').replace(/</g, '&lt;')
      .replace(/>/g, '&gt;').replace(/"/g, '&quot;');
  }

  function fmtCLP(n) {
    return '$' + (Number(n) || 0).toLocaleString('es-CL', { maximumFractionDigits: 0 });
  }

  function fmtCant(n) {
    const v = Number(n) || 0;
    return v.toLocaleString('es-CL', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
  }

  function toast(icon, title) {
    Swal.fire({ icon: icon, title: title, timer: 1700, showConfirmButton: false, position: 'top-end', toast: true });
  }

  function tipoLabel(tipo) {
    return tipo === 'preparacion' ? 'Preparación' : 'Producto';
  }

  function setSelected(item) {
    selected = item || null;
    if (!item) {
      $selected.removeClass('is-on');
      return;
    }
    const tipo = item.tipo || 'producto';
    if (PERMITE_PREP) {
      $('#sel_tipo').show().text(tipoLabel(tipo));
    } else {
      $('#sel_tipo').hide();
    }
    $('#sel_nombre').html('<i class="bx ' + (tipo === 'preparacion' ? 'bx-dish' : 'bx-package') + '"></i> ' + esc(item.nombre));
    $('#sel_unidad').text(item.unidad_medida || '—');
    $('#sel_categoria').text(item.categoria || 'Sin categoría');
    $selected.addClass('is-on');
    $buscar.val(item.nombre);
    closeSuggest();
  }

  function closeSuggest() {
    $suggest.removeClass('is-open').empty();
    suggestItems = [];
    activeIdx = -1;
  }

  function renderSuggest(items) {
    suggestItems = items || [];
    activeIdx = suggestItems.length ? 0 : -1;
    if (!suggestItems.length) {
      $suggest.html('<div class="rp-suggest-empty">' + (PERMITE_PREP ? 'Sin coincidencias' : 'Sin productos con ese nombre') + '</div>').addClass('is-open');
      return;
    }
    let html = '';
    suggestItems.forEach(function (it, i) {
      const tipo = it.tipo || 'producto';
      html += '<button type="button" class="rp-suggest-item' + (i === 0 ? ' is-active' : '') + '" data-idx="' + i + '">'
        + '<div><div class="name">' + esc(it.nombre) + '</div>'
        + '<div class="meta">'
        + (PERMITE_PREP ? ('<strong>' + tipoLabel(tipo) + '</strong> · ') : '')
        + (it.unidad_medida ? esc(it.unidad_medida) + ' · ' : '')
        + (it.categoria ? esc(it.categoria) : 'Sin categoría') + '</div></div>'
        + '<div class="meta">' + fmtCLP(it.valor) + '</div>'
        + '</button>';
    });
    $suggest.html(html).addClass('is-open');
  }

  function buscarProductos(q) {
    $.getJSON(CFG.urls.buscar, { q: q }, function (res) {
      if (!$buscar.is(':focus') && !$suggest.hasClass('is-open')) return;
      renderSuggest((res && res.results) || []);
    });
  }

  $buscar.on('input', function () {
    const q = String($buscar.val() || '').trim();
    selected = null;
    $selected.removeClass('is-on');
    clearTimeout(searchTimer);
    if (q.length < 1) { closeSuggest(); return; }
    searchTimer = setTimeout(function () { buscarProductos(q); }, 200);
  });

  $buscar.on('keydown', function (e) {
    if (!$suggest.hasClass('is-open') || !suggestItems.length) return;
    if (e.key === 'ArrowDown') {
      e.preventDefault();
      activeIdx = Math.min(activeIdx + 1, suggestItems.length - 1);
      $suggest.find('.rp-suggest-item').removeClass('is-active').eq(activeIdx).addClass('is-active');
    } else if (e.key === 'ArrowUp') {
      e.preventDefault();
      activeIdx = Math.max(activeIdx - 1, 0);
      $suggest.find('.rp-suggest-item').removeClass('is-active').eq(activeIdx).addClass('is-active');
    } else if (e.key === 'Enter') {
      e.preventDefault();
      if (activeIdx >= 0) setSelected(suggestItems[activeIdx]);
    } else if (e.key === 'Escape') {
      closeSuggest();
    }
  });

  $suggest.on('mousedown', '.rp-suggest-item', function (e) {
    e.preventDefault();
    setSelected(suggestItems[Number($(this).data('idx'))]);
  });

  $(document).on('click', function (e) {
    if (!$(e.target).closest('.rp-search-wrap').length) closeSuggest();
  });

  function limpiarForm(keepFecha, keepPersonas) {
    $id.val('');
    $cant.val('');
    $obs.val('');
    if (REQUIERE_PERSONAS && !keepPersonas) $personas.val('');
    selected = null;
    $buscar.val('');
    $selected.removeClass('is-on');
    closeSuggest();
    $('#form_title').text('Nuevo registro');
    $('#form_mode').text('Alta');
    if (!keepFecha) $fecha.val(todayISO());
  }

  function renderListado(data) {
    const r = data.resumen || {};
    $('#kpi_regs').text(r.total_registros || 0);
    if (REQUIERE_PERSONAS) {
      $('#kpi_cant').text(fmtCLP(r.consumo_por_persona || 0));
    } else {
      $('#kpi_cant').text(fmtCant(r.total_cantidad || 0));
    }
    $('#kpi_prod').text(r.productos_distintos || 0);
    $('#kpi_costo').text(fmtCLP(r.costo_estimado || 0));
    $('#list_count').text((data.registros || []).length);

    if (REQUIERE_PERSONAS && r.personas && !$id.val()) {
      $personas.val(r.personas);
    }

    const rows = data.registros || [];
    if (!rows.length) {
      $('#rp_tbody').html('<tr><td colspan="4" class="rp-empty"><i class="bx bx-calendar-x"></i>Sin registros para esta fecha</td></tr>');
      return;
    }

    let html = '';
    rows.forEach(function (row) {
      const tipo = row.tipo || 'producto';
      html += '<tr>'
        + '<td><strong>' + esc(row.producto_nombre) + '</strong>'
        + '<div class="muted">'
        + (PERMITE_PREP ? (tipoLabel(tipo) + ' · ') : '')
        + esc(row.categoria || '') + (row.unidad_medida ? ' · ' + esc(row.unidad_medida) : '')
        + (REQUIERE_PERSONAS && row.personas ? (' · ' + row.personas + ' pers.') : '')
        + '</div></td>'
        + '<td class="text-end qty">' + fmtCant(row.cantidad) + '</td>'
        + '<td><div class="rp-obs" title="' + esc(row.observacion) + '">' + esc(row.observacion || '—') + '</div></td>'
        + '<td class="text-end">'
        + '<button type="button" class="btn btn-sm btn-icon btn-outline-primary me-1 btn-edit" data-id="' + row.id + '" title="Editar"><i class="bx bx-edit"></i></button>'
        + '<button type="button" class="btn btn-sm btn-icon btn-outline-danger btn-del" data-id="' + row.id + '" title="Eliminar"><i class="bx bx-trash"></i></button>'
        + '</td></tr>';
    });
    $('#rp_tbody').html(html);
  }

  function cargarDia() {
    const fecha = $fecha.val();
    if (!fecha) return;
    $.getJSON(CFG.urls.listado, { fecha: fecha }, function (res) {
      if (!res || !res.ok) {
        toast('error', (res && res.message) || 'No se pudo cargar');
        return;
      }
      renderListado(res.data);
    }).fail(function () {
      toast('error', 'Error al cargar el día');
    });
  }

  function guardar() {
    const fecha = $fecha.val();
    const cantidad = String($cant.val() || '').replace(',', '.');
    if (!fecha) { toast('warning', 'Indique la fecha'); return; }
    if (!selected) { toast('warning', PERMITE_PREP ? 'Seleccione un producto o preparación' : 'Seleccione un producto'); return; }
    if (!cantidad || Number(cantidad) < 0.01) { toast('warning', 'Indique una cantidad válida'); return; }

    let personas = null;
    if (REQUIERE_PERSONAS) {
      personas = parseInt(String($personas.val() || ''), 10);
      if (!personas || personas < 1) { toast('warning', 'Indique la cantidad de personas'); return; }
    }

    const tipo = selected.tipo || 'producto';
    const payload = {
      _token: CSRF,
      id: $id.val() || null,
      fecha: fecha,
      tipo: tipo,
      cantidad: Number(Number(cantidad).toFixed(2)),
      observacion: $obs.val() || '',
    };
    if (REQUIERE_PERSONAS) payload.personas = personas;
    if (tipo === 'preparacion') {
      payload.preparacion_id = selected.id;
      payload.producto_id = null;
    } else {
      payload.producto_id = selected.id;
      payload.preparacion_id = null;
    }

    $('#btn_guardar').prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span> Guardando…');
    $.post(CFG.urls.guardar, payload, function (res) {
      if (!res || !res.ok) {
        toast('error', (res && res.message) || 'No se pudo guardar');
        return;
      }
      toast('success', res.message || 'Guardado');
      limpiarForm(true, true);
      cargarDia();
    }, 'json').fail(function (xhr) {
      const msg = (xhr.responseJSON && xhr.responseJSON.message) || 'Error al guardar';
      toast('error', msg);
    }).always(function () {
      $('#btn_guardar').prop('disabled', false).html('<i class="bx bx-save"></i> Guardar');
    });
  }

  function editar(id) {
    $.post(CFG.urls.detalle, { _token: CSRF, id: id }, function (res) {
      if (!res || !res.ok) {
        toast('error', (res && res.message) || 'No encontrado');
        return;
      }
      const d = res.data;
      const tipo = d.tipo || 'producto';
      $id.val(d.id);
      $fecha.val(String(d.fecha).substring(0, 10));
      $cant.val(Number(d.cantidad).toFixed(2));
      $obs.val(d.observacion || '');
      if (REQUIERE_PERSONAS) $personas.val(d.personas || '');
      setSelected({
        id: d.item_id || d.producto_id || d.preparacion_id,
        tipo: tipo,
        nombre: d.producto_nombre,
        unidad_medida: d.unidad_medida,
        categoria: d.categoria,
        valor: d.producto_valor,
      });
      $('#form_title').text('Editar registro #' + d.id);
      $('#form_mode').text('Edición');
      $('html, body').animate({ scrollTop: $('.rp-panel').first().offset().top - 80 }, 250);
    }, 'json').fail(function () {
      toast('error', 'No se pudo cargar el registro');
    });
  }

  function eliminar(id) {
    Swal.fire({
      icon: 'warning',
      title: '¿Eliminar registro?',
      text: 'Esta acción no se puede deshacer.',
      showCancelButton: true,
      confirmButtonText: 'Sí, eliminar',
      cancelButtonText: 'Cancelar',
      confirmButtonColor: CFG.accent,
    }).then(function (r) {
      if (!r.isConfirmed) return;
      $.post(CFG.urls.eliminar, { _token: CSRF, id: id }, function (res) {
        if (!res || !res.ok) {
          toast('error', (res && res.message) || 'No se pudo eliminar');
          return;
        }
        toast('success', 'Eliminado');
        if (String($id.val()) === String(id)) limpiarForm(true);
        cargarDia();
      }, 'json').fail(function () {
        toast('error', 'Error al eliminar');
      });
    });
  }

  $cant.on('blur', function () {
    const v = String($cant.val() || '').replace(',', '.');
    if (v === '' || isNaN(Number(v))) return;
    $cant.val(Number(Number(v).toFixed(2)));
  });

  $('#btn_guardar').on('click', guardar);
  $('#btn_limpiar').on('click', function () { limpiarForm(true, false); });
  $('#btn_hoy').on('click', function () { $fecha.val(todayISO()); limpiarForm(true, false); cargarDia(); });
  $('#btn_recargar').on('click', cargarDia);
  $fecha.on('change', function () { limpiarForm(true, false); cargarDia(); });

  $('#rp_tbody').on('click', '.btn-edit', function () { editar($(this).data('id')); });
  $('#rp_tbody').on('click', '.btn-del', function () { eliminar($(this).data('id')); });

  $fecha.val(todayISO());
  cargarDia();
})();
</script>
@endsection