@extends('layouts.master')

@section('title')
    Descuentos
@endsection

@section('css')
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <h4 class="mb-0 text-primary fw-semibold" style="color: #020f82 !important;">Descuentos</h4>
            <hr class="my-3">

        <div class="card">
            <div class="card-body">
                <p class="text-muted mb-4">
                    Usa el siguiente formulario para mostrar los descuentos registrados en la aplicación.
                </p>

                <div class="row align-items-end g-3">
                    <div class="col-md-4">
                        <label for="nombre" class="form-label">Nombre</label>
                        <input type="text" class="form-control" id="nombre" name="nombre" placeholder="">
                    </div>
                    <div class="col-md-4">
                        <label for="tipo-descuento" class="form-label">Tipo de descuento</label>
                        <select class="form-select" id="tipo-descuento" name="tipo_descuento">
                            <option value="">-- Todos --</option>
                            <option value="pronto-pago">Pronto pago</option>
                            <option value="convenio">Convenio</option>
                            <option value="promocion-automatica">Promoción automática</option>
                            <option value="promocion-manual">Promoción manual</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="plantel" class="form-label">Plantel</label>
                        <select class="form-select" id="plantel" name="plantel">
                            <option value="">-- Todos --</option>
                        </select>
                    </div>
                </div>

                <div class="row mt-2">
                    <div class="col-12 d-flex justify-content-end gap-2">
                        <button type="button" class="btn btn-warning text-white btn-sm px-4 rounded" id="btn-registrar" data-bs-toggle="modal" data-bs-target="#modalNuevoDescuento">
                            <i class="ri-add-line align-middle me-1"></i> Registrar
                        </button>
                        <button type="button" class="btn btn-primary btn-sm px-4 rounded" id="btn-buscar">
                            <i class="ri-search-line align-middle me-1"></i> Buscar
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-body">
                <div id="descuentos-empty-state" class="text-center py-5">
                    <div class="avatar-xl mx-auto mb-2">
                        <div class="avatar-title bg-dark-subtle rounded-circle d-inline-flex align-items-center justify-content-center">
                            <i class="ri-information-line text-white fs-1"></i>
                        </div>
                    </div>
                    <p class="text-muted mb-0">Usa los filtros y da clic en Buscar para ver los registros.</p>
                </div>
                <div id="descuentos-results" class="d-none table-responsive">
                    <table class="table table-hover table-striped align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Nombre</th>
                                <th>Tipo</th>
                                <th>Planteles</th>
                                <th>Ofertas</th>
                                <th>Promoción</th>
                                <th class="text-end">Opciones</th>
                            </tr>
                        </thead>
                        <tbody id="tbody-descuentos"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Modal --}}
<div class="modal fade" id="modalNuevoDescuento" tabindex="-1" aria-labelledby="modalNuevoDescuentoLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white border-0">
                <h5 class="modal-title fw-bold" id="modalNuevoDescuentoLabel">Información de la promoción</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <p class="text-dark mb-4" id="modal-desc-instruccion">Completa la información solicitada y presione <strong>GUARDAR</strong> para registrar el descuento.</p>

                <form id="formNuevoDescuento">
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label for="nombre_promocion" class="form-label">* Nombre</label>
                            <input type="text" class="form-control" id="nombre_promocion" name="nombre" required>
                        </div>
                        <div class="col-md-4">
                            <label for="tipo_promocion" class="form-label">Tipo de promoción</label>
                            <select class="form-select" id="tipo_promocion" name="tipo_promocion">
                                <option value="pronto-pago" selected>Pronto pago</option>
                                <option value="convenio">Convenio</option>
                                <option value="promocion-automatica">Promoción automática</option>
                                <option value="promocion-manual">Promoción manual</option>
                            </select>
                        </div>
                        <div class="col-md-4 d-flex align-items-end pb-1">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="promocion_activa" name="promocion_activa" checked>
                                <label class="form-check-label" for="promocion_activa">Promoción activa</label>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-12">
                            <label for="descripcion" class="form-label">Descripción</label>
                            <textarea class="form-control" id="descripcion" name="descripcion" rows="3"></textarea>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label for="modalidad" class="form-label">Modalidad</label>
                            <select class="form-select" id="modalidad" name="modalidad">
                                <option value="bonificacion" selected>Bonificación</option>
                                <option value="descuento">Descuento</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="fecha_inicial" class="form-label">Fecha inicial</label>
                            <input type="date" class="form-control" id="fecha_inicial" name="fecha_inicial">
                        </div>
                        <div class="col-md-4">
                            <label for="fecha_final" class="form-label">Fecha final</label>
                            <input type="date" class="form-control" id="fecha_final" name="fecha_final">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label for="dia_limite" class="form-label">Día límite</label>
                            <input type="text" class="form-control" id="dia_limite" name="dia_limite" placeholder="">
                        </div>
                    </div>

                    <h6 class="text-primary fw-bold mb-2">Planteles</h6>
                    <p class="text-dark small mb-1">Selecciona los planteles registrados en <strong>Mi institución → Planteles</strong>. <span class="text-warning ms-2"><a href="#" class="link-warning text-decoration-none" id="planteles-marcar-todos">Marcar todos</a> <a href="#" class="link-warning text-decoration-none ms-2" id="planteles-desmarcar-todos">Desmarcar todos</a></span></p>
                    <div class="table-responsive mb-4">
                        <table class="table table-striped table-hover align-middle mb-0">
                            <thead class="table-primary">
                                <tr>
                                    <th class="text-white">Plantel</th>
                                    <th class="text-white">Seleccionar</th>
                                </tr>
                            </thead>
                            <tbody id="tbody-planteles"></tbody>
                        </table>
                    </div>

                    <h6 class="text-primary fw-bold mb-2">Ofertas</h6>
                    <p class="text-dark small mb-1">Selecciona las ofertas registradas en <strong>Ofertas educativas</strong>. <span class="text-warning ms-2"><a href="#" class="link-warning text-decoration-none" id="ofertas-marcar-todos">Marcar todos</a> <a href="#" class="link-warning text-decoration-none ms-2" id="ofertas-desmarcar-todos">Desmarcar todos</a></span></p>
                    <div class="table-responsive mb-4">
                        <table class="table table-striped table-hover align-middle mb-0">
                            <thead class="table-primary">
                                <tr>
                                    <th class="text-white">Oferta</th>
                                    <th class="text-white">Seleccionar</th>
                                </tr>
                            </thead>
                            <tbody id="tbody-ofertas"></tbody>
                        </table>
                    </div>

                    <h6 class="text-primary fw-bold mb-2">Estatus</h6>
                    <p class="text-dark small mb-1">Selecciona los estatus a los que se aplicará la promoción. <span class="text-warning ms-2"><a href="#" class="link-warning text-decoration-none" id="estatus-marcar-todos">Marcar todos</a> <a href="#" class="link-warning text-decoration-none ms-2" id="estatus-desmarcar-todos">Desmarcar todos</a></span></p>
                    <div class="table-responsive mb-4">
                        <table class="table table-striped table-hover align-middle mb-0">
                            <thead class="table-primary">
                                <tr>
                                    <th class="text-white">Estatus de inscripción</th>
                                    <th class="text-white">Seleccionar</th>
                                </tr>
                            </thead>
                            <tbody id="tbody-estatus">
                                @foreach ([
                                    ['slug' => 'graduado', 'etiqueta' => 'Graduado'],
                                    ['slug' => 'titulado', 'etiqueta' => 'Titulado'],
                                    ['slug' => 'nuevo-ingreso', 'etiqueta' => 'Nuevo Ingreso'],
                                    ['slug' => 'reinscrito', 'etiqueta' => 'Reinscrito'],
                                    ['slug' => 'baja-temporal-voluntaria', 'etiqueta' => 'Baja temporal voluntaria'],
                                    ['slug' => 'baja-temporal-obligatoria', 'etiqueta' => 'Baja temporal obligatoria'],
                                    ['slug' => 'baja-definitiva', 'etiqueta' => 'Baja definitiva'],
                                    ['slug' => 'reingreso', 'etiqueta' => 'Reingreso'],
                                    ['slug' => 'por-confirmar', 'etiqueta' => 'Por confirmar'],
                                ] as $est)
                                    <tr>
                                        <td>{{ $est['etiqueta'] }}</td>
                                        <td><input type="checkbox" class="form-check-input estatus-check" value="{{ $est['slug'] }}"></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <p class="text-muted small mb-0">Nota: Campos obligatorios (*). Debe elegir al menos un plantel, una oferta y un estatus.</p>
                </form>
            </div>
            <div class="modal-footer justify-content-end border-top gap-2">
                <button type="button" class="btn btn-dark rounded" data-bs-dismiss="modal">Regresar</button>
                <button type="button" class="btn btn-success rounded" id="btn-guardar-descuento">Guardar</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
@endsection

@section('script-bottom')
<script>
(function() {
    var urlPlanteles = @json(url('api/escuelas/list'));
    var urlOfertas = @json(url('api/ofertas-educativas/list'));
    var urlBuscar = @json(route('planes-de-pago.descuentos.buscar'));
    var urlStore = @json(route('planes-de-pago.descuentos.store'));
    var urlShowTpl = @json(route('planes-de-pago.descuentos.show', ['descuento' => '__ID__']));
    var urlUpdateTpl = @json(route('planes-de-pago.descuentos.update', ['descuento' => '__ID__']));
    var urlDeleteTpl = @json(route('planes-de-pago.descuentos.destroy', ['descuento' => '__ID__']));
    var csrf = @json(csrf_token());

    var mapPlantelNombre = {};
    var mapOfertaNombre = {};
    var editId = null;
    var modalEl = document.getElementById('modalNuevoDescuento');
    var modalTitle = document.getElementById('modalNuevoDescuentoLabel');
    var modalInstr = document.getElementById('modal-desc-instruccion');

    var tipoLabels = {
        'pronto-pago': 'Pronto pago',
        'convenio': 'Convenio',
        'promocion-automatica': 'Promoción automática',
        'promocion-manual': 'Promoción manual'
    };

    function escapeHtml(s) {
        var d = document.createElement('div');
        d.textContent = s;
        return d.innerHTML;
    }

    function textoResumenIds(ids, mapNombre, max_chars) {
        max_chars = max_chars || 48;
        if (!ids || !ids.length) return '—';
        var nombres = ids.map(function(id) { return mapNombre[id] || ('#' + id); });
        var t = nombres.join(', ');
        if (t.length <= max_chars) return t;
        return t.slice(0, max_chars - 1) + '…';
    }

    function cargarCatalogos() {
        return Promise.all([
            fetch(urlPlanteles + '?activa=true', { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin' })
                .then(function(r) { if (!r.ok) throw new Error('planteles'); return r.json(); }),
            fetch(urlOfertas, { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin' })
                .then(function(r) { if (!r.ok) throw new Error('ofertas'); return r.json(); })
        ]).then(function(pair) {
            var planteles = pair[0];
            var ofertas = pair[1];
            mapPlantelNombre = {};
            mapOfertaNombre = {};
            planteles.forEach(function(p) { mapPlantelNombre[p.id] = p.nombre; });
            ofertas.forEach(function(o) { mapOfertaNombre[o.id] = o.nombre; });

            var selFiltro = document.getElementById('plantel');
            var vAct = selFiltro.value;
            selFiltro.innerHTML = '<option value=\"\">-- Todos --</option>';
            planteles.forEach(function(p) {
                var opt = document.createElement('option');
                opt.value = String(p.id);
                opt.textContent = p.nombre;
                selFiltro.appendChild(opt);
            });
            if (vAct) selFiltro.value = vAct;

            var tbPl = document.getElementById('tbody-planteles');
            tbPl.innerHTML = '';
            planteles.forEach(function(p) {
                var tr = document.createElement('tr');
                tr.innerHTML = '<td>' + escapeHtml(p.nombre) + '</td>' +
                    '<td><input type=\"checkbox\" class=\"form-check-input plantel-check\" value=\"' + p.id + '\"></td>';
                tbPl.appendChild(tr);
            });

            var tbOf = document.getElementById('tbody-ofertas');
            tbOf.innerHTML = '';
            ofertas.forEach(function(o) {
                var tr = document.createElement('tr');
                tr.innerHTML = '<td>' + escapeHtml(o.nombre) + '</td>' +
                    '<td><input type=\"checkbox\" class=\"form-check-input oferta-check\" value=\"' + o.id + '\"></td>';
                tbOf.appendChild(tr);
            });
        }).catch(function() {
            Swal.fire({ icon: 'error', title: 'Catálogos', text: 'No se pudieron cargar planteles u ofertas. Verifica que existan registros en Mi institución.' });
        });
    }

    function limpiarModalNuevo() {
        editId = null;
        document.getElementById('formNuevoDescuento').reset();
        document.getElementById('promocion_activa').checked = true;
        modalTitle.textContent = 'Información de la promoción';
        modalInstr.innerHTML = 'Completa la información solicitada y presione <strong>GUARDAR</strong> para registrar el descuento.';
        document.querySelectorAll('.plantel-check, .oferta-check, .estatus-check').forEach(function(c) { c.checked = false; });
    }

    document.getElementById('btn-registrar').addEventListener('click', function() {
        limpiarModalNuevo();
    });
    modalEl.addEventListener('hidden.bs.modal', limpiarModalNuevo);

    function colIdsChecks(selector) {
        var a = [];
        document.querySelectorAll(selector + ':checked').forEach(function(c) {
            a.push(parseInt(c.value, 10));
        });
        return a;
    }

    function aplicarChecks(ids, classSel) {
        document.querySelectorAll(classSel).forEach(function(c) {
            c.checked = ids.indexOf(parseInt(c.value, 10)) !== -1;
        });
    }

    function abrirEdicion(d) {
        editId = d.id;
        document.getElementById('nombre_promocion').value = d.nombre || '';
        document.getElementById('tipo_promocion').value = d.tipo_promocion || 'pronto-pago';
        document.getElementById('promocion_activa').checked = !!d.promocion_activa;
        document.getElementById('descripcion').value = d.descripcion || '';
        document.getElementById('modalidad').value = d.modalidad || 'bonificacion';
        document.getElementById('fecha_inicial').value = d.fecha_inicial || '';
        document.getElementById('fecha_final').value = d.fecha_final || '';
        document.getElementById('dia_limite').value = d.dia_limite || '';
        aplicarChecks(d.escuela_ids || [], '.plantel-check');
        aplicarChecks(d.oferta_educativa_ids || [], '.oferta-check');
        document.querySelectorAll('.estatus-check').forEach(function(c) {
            c.checked = (d.estatus_inscripcion || []).indexOf(c.value) !== -1;
        });
        modalTitle.textContent = 'Editar promoción / descuento';
        modalInstr.innerHTML = 'Modifica la información y presione <strong>GUARDAR</strong>.';
        bootstrap.Modal.getOrCreateInstance(modalEl).show();
    }

    function mensajeError(res, fallback) {
        return res.json().then(function(body) {
            if (body.errors) {
                var msgs = [];
                Object.keys(body.errors).forEach(function(k) { msgs = msgs.concat(body.errors[k]); });
                return msgs.join('\n') || fallback;
            }
            return body.message || fallback;
        }).catch(function() { return fallback; });
    }

    function renderTabla(rows) {
        var tbody = document.getElementById('tbody-descuentos');
        tbody.innerHTML = '';
        rows.forEach(function(d) {
            var promo = d.promocion_activa
                ? '<span class=\"badge bg-success-subtle text-success\">Activa</span>'
                : '<span class=\"badge bg-secondary-subtle text-secondary\">Inactiva</span>';
            var id = parseInt(d.id, 10);
            var tr = document.createElement('tr');
            tr.innerHTML =
                '<td>' + escapeHtml(d.nombre || '') + '</td>' +
                '<td>' + escapeHtml(tipoLabels[d.tipo_promocion] || d.tipo_promocion) + '</td>' +
                '<td class=\"small\">' + escapeHtml(textoResumenIds(d.escuela_ids, mapPlantelNombre)) + '</td>' +
                '<td class=\"small\">' + escapeHtml(textoResumenIds(d.oferta_educativa_ids, mapOfertaNombre)) + '</td>' +
                '<td>' + promo + '</td>' +
                '<td class=\"text-end text-nowrap\">' +
                '<button type=\"button\" class=\"btn btn-sm btn-outline-primary btn-editar-desc me-1\" data-id=\"' + id + '\"><i class=\"ri-pencil-line\"></i></button>' +
                '<button type=\"button\" class=\"btn btn-sm btn-outline-danger btn-eliminar-desc\" data-id=\"' + id + '\"><i class=\"ri-delete-bin-line\"></i></button>' +
                '</td>';
            tbody.appendChild(tr);
        });
    }

    document.getElementById('btn-buscar').addEventListener('click', function() {
        var params = new URLSearchParams();
        var nombre = (document.getElementById('nombre').value || '').trim();
        var tipo = document.getElementById('tipo-descuento').value || '';
        var pid = document.getElementById('plantel').value || '';
        if (nombre) params.set('nombre', nombre);
        if (tipo) params.set('tipo_descuento', tipo);
        if (pid) params.set('plantel_id', pid);
        var u = urlBuscar + (params.toString() ? ('?' + params.toString()) : '');
        fetch(u, { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' })
            .then(function(r) { if (!r.ok) throw new Error(); return r.json(); })
            .then(function(data) {
                var rows = data.descuentos || [];
                document.getElementById('descuentos-empty-state').classList.add('d-none');
                document.getElementById('descuentos-results').classList.remove('d-none');
                if (!rows.length) {
                    document.getElementById('tbody-descuentos').innerHTML =
                        '<tr><td colspan=\"6\" class=\"text-center text-muted py-4\">No hay registros con los filtros seleccionados.</td></tr>';
                    return;
                }
                renderTabla(rows);
            })
            .catch(function() {
                Swal.fire({ icon: 'error', title: 'Error', text: 'No se completó la búsqueda.' });
            });
    });

    document.getElementById('btn-guardar-descuento').addEventListener('click', function() {
        var nombre = (document.getElementById('nombre_promocion').value || '').trim();
        if (!nombre) {
            Swal.fire({ icon: 'warning', title: 'Datos incompletos', text: 'Indica el nombre.' });
            return;
        }
        var escuelaIds = colIdsChecks('.plantel-check');
        var ofertaIds = colIdsChecks('.oferta-check');
        var estatus = [];
        document.querySelectorAll('.estatus-check:checked').forEach(function(c) { estatus.push(c.value); });
        if (!escuelaIds.length) {
            Swal.fire({ icon: 'warning', title: 'Datos incompletos', text: 'Selecciona al menos un plantel.' });
            return;
        }
        if (!ofertaIds.length) {
            Swal.fire({ icon: 'warning', title: 'Datos incompletos', text: 'Selecciona al menos una oferta educativa.' });
            return;
        }
        if (!estatus.length) {
            Swal.fire({ icon: 'warning', title: 'Datos incompletos', text: 'Selecciona al menos un estatus de inscripción.' });
            return;
        }

        var payload = {
            nombre: nombre,
            tipo_promocion: document.getElementById('tipo_promocion').value,
            promocion_activa: document.getElementById('promocion_activa').checked,
            descripcion: (document.getElementById('descripcion').value || '').trim() || null,
            modalidad: document.getElementById('modalidad').value,
            fecha_inicial: document.getElementById('fecha_inicial').value || null,
            fecha_final: document.getElementById('fecha_final').value || null,
            dia_limite: (document.getElementById('dia_limite').value || '').trim() || null,
            escuela_ids: escuelaIds,
            oferta_educativa_ids: ofertaIds,
            estatus_inscripcion: estatus
        };

        var btn = document.getElementById('btn-guardar-descuento');
        btn.disabled = true;
        var url = editId ? urlUpdateTpl.replace('__ID__', encodeURIComponent(editId)) : urlStore;
        var method = editId ? 'PUT' : 'POST';
        fetch(url, {
            method: method,
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-CSRF-TOKEN': csrf,
                'X-Requested-With': 'XMLHttpRequest'
            },
            credentials: 'same-origin',
            body: JSON.stringify(payload)
        }).then(function(r) {
            if (r.ok) {
                return r.json().then(function(body) {
                    Swal.fire({ icon: 'success', title: 'Listo', text: body.message || 'Guardado.' });
                    var m = bootstrap.Modal.getInstance(modalEl);
                    if (m) m.hide();
                    document.getElementById('btn-buscar').click();
                });
            }
            return mensajeError(r, 'No se pudo guardar.').then(function(msg) {
                Swal.fire({ icon: 'error', title: 'Error', text: msg });
            });
        }).catch(function() {
            Swal.fire({ icon: 'error', title: 'Error', text: 'Error de red.' });
        }).finally(function() { btn.disabled = false; });
    });

    document.getElementById('tbody-descuentos').addEventListener('click', function(e) {
        var ed = e.target.closest('.btn-editar-desc');
        if (ed) {
            var id = parseInt(ed.getAttribute('data-id'), 10);
            fetch(urlShowTpl.replace('__ID__', encodeURIComponent(id)), {
                headers: { 'Accept': 'application/json' },
                credentials: 'same-origin'
            }).then(function(r) { if (!r.ok) throw new Error(); return r.json(); })
                .then(abrirEdicion)
                .catch(function() { Swal.fire({ icon: 'error', title: 'Error', text: 'No se pudo cargar el registro.' }); });
            return;
        }
        var el = e.target.closest('.btn-eliminar-desc');
        if (el) {
            var idDel = parseInt(el.getAttribute('data-id'), 10);
            Swal.fire({
                title: '¿Eliminar?',
                text: 'Esta acción no se puede deshacer.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Sí, eliminar',
                cancelButtonText: 'Cancelar'
            }).then(function(res) {
                if (!res.isConfirmed) return;
                fetch(urlDeleteTpl.replace('__ID__', encodeURIComponent(idDel)), {
                    method: 'DELETE',
                    headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': csrf },
                    credentials: 'same-origin'
                }).then(function(r) {
                    if (r.ok) return r.json().then(function(b) {
                        Swal.fire({ icon: 'success', text: b.message || 'Eliminado.' });
                        document.getElementById('btn-buscar').click();
                    });
                    return r.json().then(function(b) { Swal.fire({ icon: 'error', text: b.message || 'Error' }); });
                });
            });
        }
    });

    document.getElementById('planteles-marcar-todos').addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.plantel-check').forEach(function(cb) { cb.checked = true; });
    });
    document.getElementById('planteles-desmarcar-todos').addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.plantel-check').forEach(function(cb) { cb.checked = false; });
    });
    document.getElementById('ofertas-marcar-todos').addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.oferta-check').forEach(function(cb) { cb.checked = true; });
    });
    document.getElementById('ofertas-desmarcar-todos').addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.oferta-check').forEach(function(cb) { cb.checked = false; });
    });
    document.getElementById('estatus-marcar-todos').addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.estatus-check').forEach(function(cb) { cb.checked = true; });
    });
    document.getElementById('estatus-desmarcar-todos').addEventListener('click', function(e) {
        e.preventDefault();
        document.querySelectorAll('.estatus-check').forEach(function(cb) { cb.checked = false; });
    });

    cargarCatalogos();
})();
</script>
@endsection