@extends('theme.sneat.admin')
@section('contenido')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
<style>
  #modalCompra .modal-dialog-compra-ancho {
    max-width: min(98vw, 1720px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #modalCompra .select2-container { z-index: 2055; }
  /* Proveedor: Select2 no va dentro de input-group; fila flex con botón al lado */
  #modalCompra .prov-s2-wrap { display: flex; align-items: stretch; gap: 0.35rem; width: 100%; }
  #modalCompra .prov-s2-wrap .prov-s2-inner { flex: 1 1 auto; min-width: 0; }
  #modalCompra .prov-s2-wrap .prov-s2-inner .select2-container { width: 100% !important; }
  #modalCompra .prov-s2-wrap .btn-nuevo-prov { flex: 0 0 auto; align-self: stretch; padding-left: 0.65rem; padding-right: 0.65rem; }
  #modalCompra #tablaLineas .select2-container .select2-selection--single { min-height: 31px; font-size: 0.875rem; }
  #modalCompra #tablaLineas .select2-container--bootstrap-5 .select2-selection { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  #modalCompra #tablaLineas th.col-producto,
  #modalCompra #tablaLineas td.col-producto { min-width: 300px; width: 28%; }
  #modalCompra #tablaLineas td.col-producto .select2-container { min-width: 280px; width: 100% !important; }
  #modalCompra #tablaLineas tfoot td { font-weight: 600; background: #f8f9fa; }
  /* Modal proveedor encima del modal compra + Select2 */
  #modalProvRapidoCompra { z-index: 2100; }
  #modalProductoRapido .select2-container { z-index: 2115; }
</style>
<h4 class="fw-bold py-2"><span class="text-muted fw-light">Compras -</span> <strong>Facturas proveedor</strong></h4>

<div class="card">
  <div class="card-header d-flex justify-content-end gap-2">
    <button type="button" class="btn btn-sm btn-outline-primary" onclick="abrirCompra();">
      <i class="bx bx-plus"></i> Nueva compra
    </button>
  </div>
  <div class="card-body">
    <table id="tablaCompras" class="table table-bordered table-sm table-striped w-100">
      <thead class="table-light">
        <tr>
          <th>Fecha</th>
          <th>Factura(s) / ref.</th>
          <th>N° cheque</th>
          <th>Proveedor</th>
          <th>Total</th>
          <th style="width:200px">Acciones</th>
        </tr>
      </thead>
    </table>
  </div>
</div>

{{-- Modal cabecera + líneas --}}
<div class="modal fade" id="modalCompra" data-bs-backdrop="static" tabindex="-1">
  <div class="modal-dialog modal-dialog-compra-ancho modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalCompraTitulo">Compra</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <form id="formCompra">
          <input type="hidden" name="accion_form" id="cf_accion">
          <input type="hidden" name="id_form" id="cf_id">
          <div class="row g-2 mb-3">
            <div class="col-md-2">
              <label class="form-label">Fecha <span class="text-danger">*</span></label>
              <input type="date" class="form-control" name="fecha" id="cf_fecha" required>
            </div>
            <div class="col-md-3">
              <label class="form-label">Factura(s) / referencia <span class="text-danger">*</span></label>
              <input type="text" class="form-control" name="facturas" id="cf_facturas" required maxlength="255">
            </div>
            <div class="col-md-2">
              <label class="form-label">N° cheque</label>
              <input type="text" class="form-control" name="numero_cheque" id="cf_cheque">
            </div>
            <div class="col-md-5">
              <label class="form-label">Proveedor <span class="text-danger">*</span></label>
              <div class="prov-s2-wrap">
                <div class="prov-s2-inner">
                  <select class="form-select form-select-sm" name="proveedor_id" id="cf_proveedor" required></select>
                </div>
                <button type="button" class="btn btn-sm btn-outline-primary btn-nuevo-prov" id="btnNuevoProv" title="Nuevo proveedor">
                  <i class="bx bx-plus"></i>
                </button>
              </div>
            </div>
            <div class="col-md-12">
              <label class="form-label">Observaciones</label>
              <textarea class="form-control" name="observaciones" id="cf_obs" rows="2"></textarea>
            </div>
          </div>
          <p class="small text-muted mb-2">Los campos marcados con <span class="text-danger">*</span> son obligatorios. En cada línea debe indicar el <strong>producto</strong>.</p>
          <div class="d-flex justify-content-between align-items-center mb-2">
            <strong>Detalle</strong>
            <div class="d-flex gap-2">
              <button type="button" class="btn btn-sm btn-outline-primary" id="btnAddLinea" onclick="addLinea();">
                <i class="bx bx-plus"></i> Línea
              </button>
              <button type="button" class="btn btn-sm btn-outline-secondary" id="btnNuevoProd" onclick="$('#modalProductoRapido').modal('show');">
                <i class="bx bx-package"></i> Crear producto
              </button>
            </div>
          </div>
          <div class="table-responsive">
            <table class="table table-sm table-bordered table-striped align-middle" id="tablaLineas">
              <thead class="table-light">
                <tr>
                  <th class="col-producto">Producto <span class="text-danger">*</span></th>
                  <th>Categoría</th>
                  <th>Nota</th>
                  <th class="text-end">Cant.</th>
                  <th class="text-end">Carne</th>
                  <th class="text-end">Harina</th>
                  <th class="text-end">ILA</th>
                  <th class="text-end">Flete</th>
                  <th class="text-end">Neto</th>
                  <th class="text-end">IVA 19%</th>
                  <th class="text-end">Total</th>
                  <th class="text-end">Costo u.</th>
                  <th></th>
                </tr>
              </thead>
              <tbody id="tbodyLineas"></tbody>
              <tfoot id="tfootLineasTotales">
                <tr>
                  <td colspan="8" class="text-end">Totales documento</td>
                  <td class="text-end" id="tfoot-sum-neto">0</td>
                  <td class="text-end" id="tfoot-sum-iva">0</td>
                  <td class="text-end" id="tfoot-sum-total">0</td>
                  <td class="text-end text-muted">—</td>
                  <td></td>
                </tr>
              </tfoot>
            </table>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="btnGuardarCompra" onclick="guardarCompra();">Guardar</button>
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

{{-- Nuevo proveedor (mismo criterio que pantalla Proveedores; encima del modal compra) --}}
<div class="modal fade" id="modalProvRapidoCompra" data-bs-backdrop="static" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Nuevo proveedor</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>
      <div class="modal-body">
        <form id="formProvRapidoCompra">
          <input type="hidden" name="accion_form" value="crear">
          <div class="mb-3">
            <label class="form-label">Nombre <span class="text-danger">*</span></label>
            <input type="text" class="form-control" name="nombre" id="prc_nombre" required maxlength="255">
          </div>
          <div class="mb-3">
            <label class="form-label">RUT</label>
            <input type="text" class="form-control" name="rut" id="prc_rut" maxlength="32">
          </div>
          <div class="mb-3">
            <label class="form-label">Contacto</label>
            <input type="text" class="form-control" name="contacto" id="prc_contacto" maxlength="255">
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" name="activo" id="prc_activo" value="1" checked>
            <label class="form-check-label" for="prc_activo">Activo</label>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="guardarProveedorRapidoCompra();">Guardar</button>
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

{{-- Modal producto rápido: sin preparación (solo mantenedor productos) --}}
<div class="modal fade" id="modalProductoRapido" data-bs-backdrop="static" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Nuevo producto</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <form id="formProdRapido">
          <input type="hidden" name="accion_form" value="crear">
          <div class="row">
            <div class="mb-3 col-md-6">
              <label class="form-label">Nombre</label>
              <input type="text" class="form-control" name="nombre" required>
            </div>
            <div class="mb-3 col-md-3">
              <label class="form-label">Unidad</label>
              <input type="text" class="form-control" name="unidad_medida" required>
            </div>
            <div class="mb-3 col-md-3">
              <label class="form-label">Valor</label>
              <input type="number" class="form-control" name="valor" min="0" step="0.01" required>
            </div>
            <div class="mb-3 col-12">
              <input type="hidden" name="inventariable" id="pr_inventariable_input" value="1">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" id="pr_inventariable_chk" checked>
                <label class="form-check-label" for="pr_inventariable_chk">Inventariable</label>
              </div>
              <div class="form-text">Si no aplica al inventario físico, desmárquelo.</div>
            </div>
            <div class="mb-3 col-md-8">
              <label class="form-label">Categoría</label>
              <select class="form-select" name="categoria_producto_id" id="pr_cat">
                <option value="">— Seleccionar categoría —</option>
                @foreach($categorias as $cat)
                  <option value="{{ $cat->id }}">{{ $cat->nombre }}</option>
                @endforeach
              </select>
              <div class="form-text">Solo categorías ya creadas. Para dar de alta una categoría nueva use el mantenedor de productos.</div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="guardarProductoRapido();">Guardar producto</button>
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

const OTROS_ID = @json($otrosId);
const URL_COMPRAS = "{{ url('compras-facturas') }}";
const URL_PROD_GUARDAR = "{{ url('producto/guardar/') }}";
const URL_PROV_GUARDAR = "{{ url('proveedores/guardar') }}";

let productosCache = [];
let lineas = [];
let modoCompra = 'crear';

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

/** Monto en celdas de línea / pie: miles es-CL; coma decimal solo si hay centavos (sin “,00”). */
function fmtMontoCelda(n){
  const num = parseFloat(n);
  if (isNaN(num)) return '0';
  const r = Math.round(num * 100) / 100;
  if (Math.abs(r - Math.round(r)) < 1e-9) {
    return Math.round(r).toLocaleString('es-CL', { maximumFractionDigits: 0 });
  }
  return r.toLocaleString('es-CL', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
}

/** Costo u.: entero redondeado, sin puntos de miles (evita leer “1.190” como decimal). */
function fmtCostoUInt(n){
  return String(Math.round(parseFloat(n) || 0));
}

/** Listado principal de compras (con $). */
function fmtMoney(n){
  return '$' + fmtMontoCelda(n);
}

/** Total documento en tabla listado: entero, miles es-CL. */
function fmtMoneyInt(n){
  const num = Math.round(parseFloat(n) || 0);
  return '$' + num.toLocaleString('es-CL', { maximumFractionDigits: 0 });
}

/** Lista: yyyy-mm-dd → dd-mm-yyyy (Chile) */
function formatFechaLista(d){
  if (d == null || d === '') return '';
  const s = String(d).trim();
  const iso = s.match(/^(\d{4})-(\d{2})-(\d{2})/);
  if (iso) return iso[3] + '-' + iso[2] + '-' + iso[1];
  return s;
}

const DATATABLES_ES = {
  decimal: ',',
  thousands: '.',
  processing: 'Procesando…',
  lengthMenu: 'Mostrar _MENU_ registros',
  zeroRecords: 'No se encontraron resultados',
  emptyTable: 'No hay registros',
  info: 'Mostrando _START_ a _END_ de _TOTAL_ registros',
  infoEmpty: 'Mostrando 0 a 0 de 0 registros',
  infoFiltered: '(filtrado de _MAX_ registros en total)',
  search: 'Buscar:',
  loadingRecords: 'Cargando…',
  paginate: { first: 'Primero', last: 'Último', next: 'Siguiente', previous: 'Anterior' },
  aria: {
    sortAscending: ': activar orden ascendente',
    sortDescending: ': activar orden descendente'
  }
};

function categoriaLabel(productoId){
  const p = productosCache.find(x => String(x.id) === String(productoId));
  return p && p.categoria_nombre ? p.categoria_nombre : '—';
}

function prodOptions(sel){
  let h = '<option value="">— Producto —</option>';
  productosCache.forEach(p => {
    const cid = p.categoria_producto_id || '';
    h += `<option value="${p.id}" data-cat="${cid}" ${String(p.id)===String(sel)?'selected':''}>${escapeHtml(p.nombre)}</option>`;
  });
  return h;
}

/** Número con separador decimal punto (ej. 1000.50). Ignora comas. */
function parseNumDot(s){
  if (s == null) return 0;
  let t = String(s).trim().replace(/\s/g, '').replace(/,/g, '');
  if (t === '' || t === '.' || t === '-.' ) return 0;
  const n = parseFloat(t);
  return isNaN(n) ? 0 : n;
}

/** Texto para inputs (sin forzar decimales innecesarios) */
function numToInputStr(n, maxDecimals){
  maxDecimals = maxDecimals == null ? 8 : maxDecimals;
  if (n == null || (typeof n === 'number' && isNaN(n))) return '';
  const x = typeof n === 'number' ? n : parseNumDot(n);
  if (isNaN(x)) return '';
  let s = x.toFixed(maxDecimals);
  s = s.replace(/\.?0+$/, '');
  return s === '' ? '0' : s;
}

function optsSelect2Compra(){
  return {
    theme: 'bootstrap-5',
    dropdownParent: $('#modalCompra'),
    width: '100%',
    allowClear: true,
    language: {
      noResults: function(){ return 'Sin resultados'; },
      searching: function(){ return 'Buscando…'; }
    }
  };
}

function destroySelect2Proveedor(){
  const $el = $('#cf_proveedor');
  if ($el.data('select2')) $el.select2('destroy');
}

function initSelect2Proveedor(){
  destroySelect2Proveedor();
  $('#cf_proveedor').select2(Object.assign({
    placeholder: 'Buscar proveedor…'
  }, optsSelect2Compra()));
}

function destroySelect2Lineas(){
  $('#tbodyLineas .sel-prod').each(function(){
    const $s = $(this);
    if ($s.data('select2')) $s.select2('destroy');
  });
}

function initSelect2Lineas(){
  destroySelect2Lineas();
  $('#tbodyLineas .sel-prod').each(function(){
    $(this).select2(Object.assign({
      placeholder: 'Buscar producto…'
    }, optsSelect2Compra()));
  });
}

function destroySelect2ProdCat(){
  const $el = $('#pr_cat');
  if ($el.data('select2')) $el.select2('destroy');
}

function initSelect2ProdCat(){
  destroySelect2ProdCat();
  $('#pr_cat').select2({
    theme: 'bootstrap-5',
    dropdownParent: $('#modalProductoRapido'),
    width: '100%',
    placeholder: 'Buscar categoría…',
    allowClear: true,
    language: {
      noResults: function(){ return 'Sin resultados'; },
      searching: function(){ return 'Buscando…'; }
    }
  });
}

function calcLinea(i){
  const L = lineas[i];
  if (!L) return;
  const neto = parseFloat(L.neto) || 0;
  const impuestosLinea =
    (parseFloat(L.imp_carne) || 0) +
    (parseFloat(L.imp_harina) || 0) +
    (parseFloat(L.imp_ila) || 0) +
    (parseFloat(L.imp_flete) || 0);
  L.iva = Math.round(neto * 0.19 * 100) / 100;
  L.total = Math.round((neto + impuestosLinea + L.iva) * 100) / 100;
  const cant = parseFloat(L.cantidad) || 0;
  L.costo_unitario = cant > 0 ? Math.round(L.total / cant) : 0;
}

/** Actualiza solo IVA / Total / Costo u. sin re-renderizar inputs (permite escribir "10." en cant/neto). */
function refreshLineaComputedCells(i){
  const L = lineas[i];
  if (!L) return;
  calcLinea(i);
  const $tr = $('#tbodyLineas tr[data-idx="' + i + '"]');
  if (!$tr.length) return;
  $tr.find('td.cell-iva').text(fmtMontoCelda(L.iva));
  $tr.find('td.cell-total').text(fmtMontoCelda(L.total));
  $tr.find('td.cell-costo').text(fmtCostoUInt(L.costo_unitario));
  updateTotalesLineasFila();
}

function fmtTotFooter(n){
  return fmtMontoCelda(n);
}

function updateTotalesLineasFila(){
  let sn = 0, si = 0, st = 0;
  lineas.forEach((L, i) => {
    calcLinea(i);
    sn += parseFloat(L.neto) || 0;
    si += parseFloat(L.iva) || 0;
    st += parseFloat(L.total) || 0;
  });
  $('#tfoot-sum-neto').text(fmtTotFooter(sn));
  $('#tfoot-sum-iva').text(fmtTotFooter(si));
  $('#tfoot-sum-total').text(fmtTotFooter(st));
}

function renderLineas(){
  const tb = $('#tbodyLineas');
  if (!lineas.length){
    tb.html('<tr><td colspan="13" class="text-center text-muted">Agregue líneas</td></tr>');
    updateTotalesLineasFila();
    return;
  }
  let html = '';
  lineas.forEach((L, i) => {
    calcLinea(i);
    const catLbl = categoriaLabel(L.producto_id);
    html += `<tr data-idx="${i}">
      <td class="col-producto"><select class="form-select form-select-sm sel-prod">${prodOptions(L.producto_id)}</select></td>
      <td class="small text-muted align-middle"><span class="cat-lbl">${escapeHtml(catLbl)}</span></td>
      <td><input type="text" class="form-control form-control-sm inp-desc" maxlength="500" value="${escapeHtml(L.descripcion || '')}"></td>
      <td><input type="text" class="form-control form-control-sm text-end inp-cant" inputmode="decimal" autocomplete="off" value="${escapeHtml(numToInputStr(L.cantidad, 6))}"></td>
      <td><input type="text" class="form-control form-control-sm text-end inp-carne" inputmode="decimal" autocomplete="off" value="${escapeHtml(numToInputStr(L.imp_carne, 4))}"></td>
      <td><input type="text" class="form-control form-control-sm text-end inp-harina" inputmode="decimal" autocomplete="off" value="${escapeHtml(numToInputStr(L.imp_harina, 4))}"></td>
      <td><input type="text" class="form-control form-control-sm text-end inp-ila" inputmode="decimal" autocomplete="off" value="${escapeHtml(numToInputStr(L.imp_ila, 4))}"></td>
      <td><input type="text" class="form-control form-control-sm text-end inp-flete" inputmode="decimal" autocomplete="off" value="${escapeHtml(numToInputStr(L.imp_flete, 4))}"></td>
      <td><input type="text" class="form-control form-control-sm text-end inp-neto" inputmode="decimal" autocomplete="off" value="${escapeHtml(numToInputStr(L.neto, 4))}"></td>
      <td class="text-end small align-middle cell-iva">${fmtMontoCelda(L.iva)}</td>
      <td class="text-end small align-middle cell-total">${fmtMontoCelda(L.total)}</td>
      <td class="text-end small align-middle cell-costo">${fmtCostoUInt(L.costo_unitario)}</td>
      <td><button type="button" class="btn btn-sm btn-outline-danger btn-del-linea"><i class="bx bx-x"></i></button></td>
    </tr>`;
  });
  tb.html(html);
  initSelect2Lineas();
  $('#tbodyLineas .sel-prod').off('change.s2line').on('change.s2line', function(){
    const tr = $(this).closest('tr');
    const i = +tr.data('idx');
    lineas[i].producto_id = $(this).val() || '';
    tr.find('.cat-lbl').text(categoriaLabel(lineas[i].producto_id));
  });
  $('#tbodyLineas .inp-desc').off('input').on('input', function(){
    const i = +$(this).closest('tr').data('idx');
    lineas[i].descripcion = $(this).val();
  });
  ['cant','carne','harina','ila','flete','neto'].forEach(f => {
    $('#tbodyLineas .inp-' + f).off('input').on('input', function(){
      const tr = $(this).closest('tr');
      const i = +tr.data('idx');
      const map = { cant:'cantidad', carne:'imp_carne', harina:'imp_harina', ila:'imp_ila', flete:'imp_flete', neto:'neto' };
      lineas[i][map[f]] = parseNumDot($(this).val());
      if (f === 'cant' || f === 'carne' || f === 'harina' || f === 'ila' || f === 'flete' || f === 'neto') refreshLineaComputedCells(i);
    });
  });
  $('#tbodyLineas .btn-del-linea').off('click').on('click', function(){
    if (modoCompra === 'ver') return;
    const i = +$(this).closest('tr').data('idx');
    lineas.splice(i, 1);
    renderLineas();
  });
  updateTotalesLineasFila();
}

function addLinea(){
  lineas.push({
    producto_id: '',
    descripcion: '',
    cantidad: 1,
    imp_carne: 0,
    imp_harina: 0,
    imp_ila: 0,
    imp_flete: 0,
    neto: 0,
    iva: 0,
    total: 0,
    costo_unitario: 0
  });
  renderLineas();
}

/** Select2 abierto: no interceptar Enter (elige opción). */
function compraSelect2Abierto($sel){
  try {
    const d = $sel.data('select2');
    if (!d) return false;
    if (typeof d.isOpen === 'function') return d.isOpen();
    return $sel.next('.select2-container').hasClass('select2-container--open');
  } catch (e) {
    return false;
  }
}

/** Enter en modal compra: cabecera fecha → factura → cheque; detalle avanza campos; en Neto agrega línea. */
(function bindCompraFacturaEnterNav(){
  $('#modalCompra').on('keydown.compraEnter', '#cf_fecha, #cf_facturas, #cf_cheque', function(e){
    if (e.key !== 'Enter' || modoCompra === 'ver') return;
    e.preventDefault();
    const ids = ['cf_fecha', 'cf_facturas', 'cf_cheque'];
    const i = ids.indexOf(this.id);
    if (i > -1 && i < ids.length - 1) {
      const el = document.getElementById(ids[i + 1]);
      if (el) { el.focus(); if (el.select) el.select(); }
    } else {
      const prov = document.getElementById('cf_proveedor');
      if (prov) $(prov).trigger('focus');
    }
  });

  const ordenInputsLinea = ['inp-desc', 'inp-cant', 'inp-carne', 'inp-harina', 'inp-ila', 'inp-flete', 'inp-neto'];

  $('#modalCompra').on('keydown.compraEnter', '#tbodyLineas .inp-desc, #tbodyLineas .inp-cant, #tbodyLineas .inp-carne, #tbodyLineas .inp-harina, #tbodyLineas .inp-ila, #tbodyLineas .inp-flete', function(e){
    if (e.key !== 'Enter' || modoCompra === 'ver') return;
    e.preventDefault();
    const $t = $(this);
    const cls = ordenInputsLinea.find(c => $t.hasClass(c));
    if (!cls) return;
    const idx = ordenInputsLinea.indexOf(cls);
    if (idx < ordenInputsLinea.length - 1) {
      const $next = $t.closest('tr').find('.' + ordenInputsLinea[idx + 1]);
      if ($next.length) {
        $next.trigger('focus');
        const el = $next[0];
        if (el && typeof el.select === 'function') el.select();
      }
    }
  });

  $('#modalCompra').on('keydown.compraEnter', '#tbodyLineas .inp-neto', function(e){
    if (e.key !== 'Enter' || modoCompra === 'ver') return;
    e.preventDefault();
    addLinea();
    setTimeout(function(){
      const $last = $('#tbodyLineas tr[data-idx]').last();
      const $p = $last.find('.sel-prod');
      if (!$p.length) return;
      if ($p.data('select2')) {
        try { $p.select2('open'); } catch (err) { $p.trigger('focus'); }
      } else {
        $p.trigger('focus');
      }
    }, 10);
  });

  $('#modalCompra').on('keydown.compraEnter', '#tbodyLineas select.sel-prod', function(e){
    if (e.key !== 'Enter' || modoCompra === 'ver') return;
    const $sel = $(this);
    if (compraSelect2Abierto($sel)) return;
    e.preventDefault();
    const $d = $sel.closest('tr').find('.inp-desc');
    if ($d.length) {
      $d.trigger('focus');
      const el = $d[0];
      if (el && typeof el.select === 'function') el.select();
    }
  });
})();

function cargarProveedores(cb){
  $.get("{{ url('proveedores/todos') }}", function(rows){
    let h = '<option value="">— Proveedor —</option>';
    rows.forEach(r => { h += `<option value="${r.id}">${escapeHtml(r.nombre)}</option>`; });
    $('#cf_proveedor').html(h);
    initSelect2Proveedor();
    if (cb) cb();
  });
}

function cargarProductos(cb){
  $.get(URL_COMPRAS + '/productos-opciones', function(rows){
    productosCache = rows || [];
    if (cb) cb();
  });
}

function setModoCompra(m){
  modoCompra = m;
  const ro = m === 'ver';
  $('#formCompra input, #formCompra select, #formCompra textarea, #btnAddLinea, #btnNuevoProd, #btnNuevoProv').prop('disabled', ro);
  $('#btnGuardarCompra').toggle(!ro);
  $('#cf_proveedor').prop('disabled', ro);
  $('#tbodyLineas .sel-prod').prop('disabled', ro);
  $('#tbodyLineas .btn-del-linea').prop('disabled', ro).attr('title', ro ? 'No disponible al ver' : 'Quitar línea');
}

function abrirCompra(){
  $('#modalCompraTitulo').text('Nueva compra');
  $('#cf_accion').val('crear');
  $('#cf_id').val('');
  lineas = [];
  $('#formCompra')[0].reset();
  const hoy = new Date().toISOString().slice(0, 10);
  $('#cf_fecha').val(hoy);
  setModoCompra('editar');
  cargarProveedores(function(){
    cargarProductos(function(){
      addLinea();
      $('#modalCompra').modal('show');
    });
  });
}

function fechaParaInputDate(s){
  if (s == null || s === '') return '';
  const str = String(s).trim();
  const iso = str.match(/^(\d{4})-(\d{2})-(\d{2})/);
  if (iso) return iso[1] + '-' + iso[2] + '-' + iso[3];
  const dmy = str.match(/^(\d{1,2})-(\d{1,2})-(\d{4})$/);
  if (dmy) {
    const dd = dmy[1].padStart(2, '0');
    const mm = dmy[2].padStart(2, '0');
    return dmy[3] + '-' + mm + '-' + dd;
  }
  return str;
}

function mapLineasDesdeDetalle(arr){
  return (arr || []).map(l => ({
    producto_id: l.producto_id || '',
    descripcion: l.descripcion || '',
    cantidad: l.cantidad,
    imp_carne: l.imp_carne ?? 0,
    imp_harina: l.imp_harina ?? 0,
    imp_ila: l.imp_ila ?? 0,
    imp_flete: l.imp_flete ?? 0,
    neto: l.neto ?? 0,
    iva: l.iva ?? 0,
    total: l.total ?? 0,
    costo_unitario: l.costo_unitario ?? 0
  }));
}

function cargarDetalleCompra(id, cb){
  const token = $('meta[name="csrf-token"]').attr('content');
  $.ajax({
    url: URL_COMPRAS + '/detalle',
    type: 'POST',
    data: { id: id, _token: token },
    dataType: 'json'
  }).done(function(res){
    if (!res || !res.cabecera) {
      Swal.fire('Error', 'Respuesta inválida del servidor.', 'error');
      return;
    }
    cb(res);
  }).fail(function(xhr){
    let m = 'No se pudo cargar el registro.';
    if (xhr.responseJSON && xhr.responseJSON.message) m = xhr.responseJSON.message;
    if (xhr.status === 419) m = 'Sesión expirada. Recargue la página.';
    Swal.fire('Error', m, 'error');
  });
}

function abrirEditar(id){
  cargarProveedores(function(){
    cargarProductos(function(){
      cargarDetalleCompra(id, function(res){
        const c = res.cabecera;
        $('#modalCompraTitulo').text('Editar compra #' + id);
        $('#cf_accion').val('editar');
        $('#cf_id').val(c.id);
        $('#cf_fecha').val(fechaParaInputDate(c.fecha));
        $('#cf_facturas').val(c.facturas || '');
        $('#cf_cheque').val(c.numero_cheque || '');
        $('#cf_proveedor').val(String(c.proveedor_id)).trigger('change');
        $('#cf_obs').val(c.observaciones || '');
        lineas = mapLineasDesdeDetalle(res.lineas);
        if (!lineas.length) addLinea();
        else renderLineas();
        setModoCompra('editar');
        $('#modalCompra').modal('show');
      });
    });
  });
}

function verCompra(id){
  cargarProveedores(function(){
    cargarProductos(function(){
      cargarDetalleCompra(id, function(res){
        const c = res.cabecera;
        $('#modalCompraTitulo').text('Ver compra #' + id);
        $('#cf_accion').val('editar');
        $('#cf_id').val(c.id);
        $('#cf_fecha').val(fechaParaInputDate(c.fecha));
        $('#cf_facturas').val(c.facturas || '');
        $('#cf_cheque').val(c.numero_cheque || '');
        $('#cf_proveedor').val(String(c.proveedor_id)).trigger('change');
        $('#cf_obs').val(c.observaciones || '');
        lineas = mapLineasDesdeDetalle(res.lineas);
        renderLineas();
        setModoCompra('ver');
        $('#modalCompra').modal('show');
      });
    });
  });
}

function guardarCompra(){
  if (!lineas.length){
    return Swal.fire('Atención', 'Agregue al menos una línea.', 'warning');
  }
  const formCompra = document.getElementById('formCompra');
  if (!formCompra.checkValidity()) {
    formCompra.reportValidity();
    return;
  }
  for (let i = 0; i < lineas.length; i++) {
    if (!lineas[i].producto_id) {
      return Swal.fire('Atención', 'Seleccione el producto en la línea ' + (i + 1) + '.', 'warning');
    }
  }
  const fd = new FormData();
  fd.append('accion_form', $('#cf_accion').val());
  if ($('#cf_accion').val() === 'editar' && $('#cf_id').val()) {
    fd.append('id_form', $('#cf_id').val());
  }
  fd.append('fecha', $('#cf_fecha').val());
  fd.append('facturas', $('#cf_facturas').val());
  fd.append('numero_cheque', $('#cf_cheque').val());
  fd.append('proveedor_id', $('#cf_proveedor').val() || '');
  fd.append('observaciones', $('#cf_obs').val());
  const det = lineas.map(L => ({
    producto_id: L.producto_id || null,
    descripcion: L.descripcion || '',
    cantidad: L.cantidad,
    imp_carne: L.imp_carne,
    imp_harina: L.imp_harina,
    imp_ila: L.imp_ila,
    imp_flete: L.imp_flete,
    neto: L.neto
  }));
  fd.append('detalles', JSON.stringify(det));
  fd.append('_token', $('meta[name="csrf-token"]').attr('content'));
  $.ajax({
    url: URL_COMPRAS + '/guardar',
    type: 'POST',
    data: fd,
    processData: false,
    contentType: false,
    success: function(r){
      if (r.response){
        $('#modalCompra').modal('hide');
        tablaCompras.ajax.reload();
        Swal.fire('Guardado', '', 'success');
      } else {
        Swal.fire('Error', r.message || '', 'error');
      }
    },
    error: function(xhr){
      Swal.fire('Error', xhr.responseJSON?.message || 'Error al guardar', 'error');
    }
  });
}

function eliminarCompra(id){
  Swal.fire({ title: '¿Eliminar registro?', icon: 'warning', showCancelButton: true }).then(function(res){
    if (!res.isConfirmed) return;
    $.ajax({
      url: URL_COMPRAS + '/eliminar',
      type: 'POST',
      data: { id: id, _token: $('meta[name="csrf-token"]').attr('content') },
      dataType: 'json'
    }).done(function(r){
      if (r.response){
        tablaCompras.ajax.reload();
        Swal.fire('Eliminado', '', 'success');
      }
    }).fail(function(xhr){
      Swal.fire('Error', xhr.responseJSON?.message || 'No se pudo eliminar', 'error');
    });
  });
}

function guardarProductoRapido(){
  const f = document.getElementById('formProdRapido');
  if (!f.reportValidity()) return;
  const fd = new FormData(f);
  $.ajax({
    url: URL_PROD_GUARDAR,
    type: 'POST',
    data: fd,
    processData: false,
    contentType: false,
    success: function(r){
      if (r.response && r.data){
        f.reset();
        $('#pr_inventariable_chk').prop('checked', true);
        $('#pr_inventariable_input').val('1');
        if (OTROS_ID) $('#pr_cat').val(String(OTROS_ID));
        $('#modalProductoRapido').modal('hide');
        cargarProductos(function(){
          renderLineas();
          Swal.fire('Producto creado', '', 'success');
        });
      } else {
        Swal.fire('Error', r.message || '', 'error');
      }
    },
    error: function(xhr){
      let m = xhr.responseJSON?.message || '';
      if (xhr.responseJSON?.errors) m = Object.values(xhr.responseJSON.errors).flat().join(' ');
      Swal.fire('Error', m || 'No se pudo guardar', 'error');
    }
  });
}

$('#pr_inventariable_chk').on('change', function(){
  $('#pr_inventariable_input').val(this.checked ? '1' : '0');
});

$('#modalProductoRapido').on('shown.bs.modal', function(){
  initSelect2ProdCat();
  if ($('#modalCompra').hasClass('show')) {
    $(this).css('z-index', 2110);
    $('.modal-backdrop').last().css('z-index', 2105);
  }
});
$('#modalProductoRapido').on('hidden.bs.modal', function(){
  destroySelect2ProdCat();
  $(this).css('z-index', '');
});

function guardarProveedorRapidoCompra(){
  const f = document.getElementById('formProvRapidoCompra');
  if (!f.reportValidity()) return;
  const fd = new FormData(f);
  if (!$('#prc_activo').is(':checked')) fd.set('activo', '0');
  fd.append('_token', $('meta[name="csrf-token"]').attr('content'));
  $.ajax({
    url: URL_PROV_GUARDAR,
    type: 'POST',
    data: fd,
    processData: false,
    contentType: false
  }).done(function(r){
    if (r.response && r.data){
      const p = r.data;
      $('#modalProvRapidoCompra').modal('hide');
      f.reset();
      $('#prc_activo').prop('checked', true);
      const opt = new Option(p.nombre, p.id, true, true);
      $('#cf_proveedor').append(opt);
      $('#cf_proveedor').val(String(p.id)).trigger('change');
      Swal.fire({ toast: true, position: 'top-end', icon: 'success', title: 'Proveedor creado', timer: 1800, showConfirmButton: false });
    } else {
      Swal.fire('Error', r.message || '', 'error');
    }
  }).fail(function(xhr){
    let m = xhr.responseJSON?.message || '';
    if (xhr.responseJSON?.errors) m = Object.values(xhr.responseJSON.errors).flat().join(' ');
    Swal.fire('Error', m || 'No se pudo guardar', 'error');
  });
}

$('#btnNuevoProv').on('click', function(){
  const f = document.getElementById('formProvRapidoCompra');
  f.reset();
  $('#prc_activo').prop('checked', true);
  const $m = $('#modalProvRapidoCompra');
  $m.one('shown.bs.modal', function(){
    $m.css('z-index', 2100);
    $('.modal-backdrop').last().css('z-index', 2095);
  });
  $m.modal('show');
});

const tablaCompras = $('#tablaCompras').DataTable({
  processing: true,
  serverSide: true,
  ajax: URL_COMPRAS + '/listado',
  order: [[0, 'desc']],
  columns: [
    { data: 'fecha', render: function(d){ return formatFechaLista(d); } },
    { data: 'facturas' },
    { data: 'numero_cheque', defaultContent: '' },
    { data: 'proveedor_nombre' },
    { data: 'total_documento', className: 'text-end', render: function(d){ return fmtMoneyInt(d); } },
    {
      data: null, orderable: false,
      render: function(row){
        const rid = parseInt(row.id, 10);
        if (!rid) return '';
        return '<button type="button" class="btn btn-sm btn-outline-info" onclick="verCompra('+rid+')" title="Ver"><i class="bx bx-show"></i></button> ' +
          '<button type="button" class="btn btn-sm btn-outline-primary" onclick="abrirEditar('+rid+')" title="Editar"><i class="bx bx-edit"></i></button> ' +
          '<a class="btn btn-sm btn-outline-secondary" href="'+URL_COMPRAS+'/pdf/'+rid+'" target="_blank" rel="noopener" title="PDF"><i class="bx bx-printer"></i></a> ' +
          '<button type="button" class="btn btn-sm btn-outline-danger" onclick="eliminarCompra('+rid+')" title="Eliminar"><i class="bx bx-trash"></i></button>';
      }
    }
  ],
  language: DATATABLES_ES
});

$('#modalCompra').on('hidden.bs.modal', function(){
  $('#modalProvRapidoCompra').modal('hide');
  destroySelect2Proveedor();
  destroySelect2Lineas();
  setModoCompra('editar');
});
</script>
@endsection