@extends('layouts.master')

@section('title')
    Criterios de Evaluación
@endsection

@section('content')
    @component('components.breadcrumb')
        @slot('li_1') Control Escolar @endslot
        @slot('title') Criterios de Evaluación @endslot
    @endcomponent

    <div class="row">
        <div class="col-12">
            <!-- Filtros -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-3 text-primary">
                        <i class="ri-filter-3-line me-2"></i>Criterios de Evaluación
                    </h5>
                    <p class="text-muted mb-4">Usa el siguiente formulario para mostrar las formas de evaluación.</p>
                    <form id="filtrosCriteriosForm">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label for="filtroNombre" class="form-label">Criterio de evaluación</label>
                                <input type="text" class="form-control" id="filtroNombre" placeholder="Nombre del criterio">
                            </div>
                            <div class="col-md-4">
                                <label for="filtroForma" class="form-label">Forma de evaluación</label>
                                <select class="form-select" id="filtroForma">
                                    <option value="">-- Todas --</option>
                                    <option value="Cuantitativa">Cuantitativa</option>
                                    <option value="Cualitativa">Cualitativa</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="filtroEstatus" class="form-label">Estatus</label>
                                <select class="form-select" id="filtroEstatus">
                                    <option value="">-- Todas --</option>
                                    <option value="Activas">Activas</option>
                                    <option value="Inactivas">Inactivas</option>
                                </select>
                            </div>
                            <div class="col-12">
                                <div class="d-flex gap-2 justify-content-end">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="ri-search-line me-1"></i>Buscar
                                    </button>
                                    <button type="button" class="btn btn-warning" id="btnRegistrarCriterio">
                                        <i class="ri-add-line me-1"></i>Registrar
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Resultados -->
            <div class="card mt-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4">
                        <h5 class="card-title mb-0"><i class="ri-file-list-3-line me-2"></i>Resultados</h5>
                        <div id="controlesExportar" class="d-none d-flex align-items-center gap-2">
                            <button type="button" class="btn btn-soft-secondary btn-sm" id="btnImprimir"><i class="ri-printer-line me-1"></i>Imprimir</button>
                            <button type="button" class="btn btn-soft-secondary btn-sm" id="btnPdf"><i class="ri-file-pdf-line me-1"></i>Descargar PDF</button>
                            <button type="button" class="btn btn-soft-secondary btn-sm" id="btnExcel"><i class="ri-file-excel-2-line me-1"></i>Descargar Excel</button>
                        </div>
                    </div>
                    <div id="estadoVacioCriterios" class="text-center py-5">
                        <div class="avatar-lg mx-auto mb-4">
                            <div class="avatar-title bg-light text-muted rounded-circle">
                                <i class="ri-information-line fs-1"></i>
                            </div>
                        </div>
                        <p class="text-muted mb-0">Usa los filtros para realizar una búsqueda.</p>
                    </div>
                    <div id="resultadosContainerCriterios" class="d-none">
                        <div class="table-responsive" id="tablaParaImpresion">
                            <table class="table table-hover align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>Nombre</th>
                                        <th>Evaluar utilizando</th>
                                        <th>Calificación Aprobatoria</th>
                                        <th>Activa</th>
                                        <th class="text-center">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody id="resultadosBodyCriterios"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('planes-estudio.partials.modal-criterio-registrar')
    @include('planes-estudio.partials.modal-criterio-editar')
    @include('planes-estudio.partials.modal-agregar-evaluacion')
@endsection

@section('script')
    <script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script>
    var criteriosActuales = [];
    var criterioEditandoId = null;
    var baseUrl = '{{ url("") }}';

    function buscarCriterios() {
        var params = new URLSearchParams({
            nombre: document.getElementById('filtroNombre').value.trim(),
            forma_evaluacion: document.getElementById('filtroForma').value,
            estatus: document.getElementById('filtroEstatus').value
        });
        fetch(baseUrl + '/api/criterios-evaluacion?' + params, { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } })
            .then(function(r) { return r.json(); })
            .then(function(data) {
                criteriosActuales = data || [];
                var tbody = document.getElementById('resultadosBodyCriterios');
                var container = document.getElementById('resultadosContainerCriterios');
                var estadoVacio = document.getElementById('estadoVacioCriterios');
                var controles = document.getElementById('controlesExportar');
                tbody.innerHTML = '';
                if (!criteriosActuales.length) {
                    container.classList.add('d-none');
                    controles.classList.add('d-none');
                    estadoVacio.classList.remove('d-none');
                    estadoVacio.querySelector('.text-muted').textContent = 'No se encontraron criterios con los filtros indicados.';
                    return;
                }
                estadoVacio.classList.add('d-none');
                container.classList.remove('d-none');
                controles.classList.remove('d-none');
                criteriosActuales.forEach(function(c) {
                    var tr = document.createElement('tr');
                    tr.innerHTML =
                        '<td>' + (c.nombre || '-') + '</td>' +
                        '<td>' + (c.forma_evaluacion || '-') + '</td>' +
                        '<td>' + (c.calificacion_aprobatoria ?? '-') + '</td>' +
                        '<td>' + (c.activo ? 'Sí' : 'No') + '</td>' +
                        '<td class="text-center">' +
                        '<button type="button" class="btn btn-sm btn-soft-info me-1 btnEditarCriterio" data-id="' + c.id + '" title="Editar"><i class="ri-pencil-line"></i></button>' +
                        '<button type="button" class="btn btn-sm btn-soft-danger btnEliminarCriterio" data-id="' + c.id + '" data-nombre="' + (c.nombre || '').replace(/"/g, '&quot;') + '" title="Eliminar"><i class="ri-delete-bin-line"></i></button>' +
                        '</td>';
                    tbody.appendChild(tr);
                });
                document.querySelectorAll('.btnEditarCriterio').forEach(function(btn) {
                    btn.addEventListener('click', function() { abrirModalEditar(parseInt(this.getAttribute('data-id'), 10)); });
                });
                document.querySelectorAll('.btnEliminarCriterio').forEach(function(btn) {
                    btn.addEventListener('click', function() {
                        var id = parseInt(this.getAttribute('data-id'), 10);
                        var nombre = this.getAttribute('data-nombre');
                        Swal.fire({
                            title: '¿Eliminar criterio?',
                            text: 'Se eliminará el criterio "' + nombre + '". Esta acción no se puede deshacer.',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#d33',
                            cancelButtonColor: '#3085d6',
                            confirmButtonText: 'Sí, eliminar'
                        }).then(function(result) {
                            if (result.isConfirmed) {
                                fetch(baseUrl + '/api/criterios-evaluacion/' + id, {
                                    method: 'DELETE',
                                    headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' }
                                }).then(function(r) { return r.json(); }).then(function() { buscarCriterios(); }).catch(function() { Swal.fire({ icon: 'error', title: 'Error' }); });
                            }
                        });
                    });
                });
            })
            .catch(function() { Swal.fire({ icon: 'error', title: 'Error', text: 'No se pudo cargar la búsqueda.' }); });
    }

    document.getElementById('filtrosCriteriosForm').addEventListener('submit', function(e) {
        e.preventDefault();
        var emptyMsg = document.getElementById('estadoVacioCriterios').querySelector('.text-muted');
        if (emptyMsg) emptyMsg.textContent = 'Usa los filtros para realizar una búsqueda.';
        buscarCriterios();
    });

    document.getElementById('btnImprimir') && document.getElementById('btnImprimir').addEventListener('click', function() {
        window.print();
    });
    document.getElementById('btnPdf') && document.getElementById('btnPdf').addEventListener('click', function() {
        var w = window.open('', '_blank');
        w.document.write('<html><head><title>Criterios de Evaluación</title></head><body>' +
            document.getElementById('tablaParaImpresion').innerHTML + '</body></html>');
        w.document.close();
        w.print();
        w.onafterprint = function() { w.close(); };
    });
    document.getElementById('btnExcel') && document.getElementById('btnExcel').addEventListener('click', function() {
        var csv = 'Nombre;Evaluar utilizando;Calificación Aprobatoria;Activa\n';
        criteriosActuales.forEach(function(c) {
            csv += (c.nombre || '') + ';' + (c.forma_evaluacion || '') + ';' + (c.calificacion_aprobatoria ?? '') + ';' + (c.activo ? 'Sí' : 'No') + '\n';
        });
        var a = document.createElement('a');
        a.href = 'data:text/csv;charset=utf-8,' + encodeURIComponent('\uFEFF' + csv);
        a.download = 'criterios-evaluacion.csv';
        a.click();
    });

    function abrirModalRegistrar() {
        criterioEditandoId = null;
        document.getElementById('modalCriterioRegistrar').querySelector('#regNombre').value = '';
        document.getElementById('regFormaCuantitativa').checked = true;
        document.getElementById('regCriterioActivo').checked = true;
        document.getElementById('regCalAprobatoria').value = '';
        document.getElementById('regCalDocMin').value = '0';
        document.getElementById('regCalDocMax').value = '10';
        new bootstrap.Modal(document.getElementById('modalCriterioRegistrar')).show();
    }
    function abrirModalEditar(id) {
        criterioEditandoId = id;
        var c = criteriosActuales.find(function(x) { return x.id === id; });
        if (!c) return;
        document.getElementById('editCriterioId').value = c.id;
        document.getElementById('editNombre').value = c.nombre || '';
        document.getElementById('editFormaCuantitativa').checked = (c.forma_evaluacion === 'Cuantitativa');
        document.getElementById('editFormaCualitativa').checked = (c.forma_evaluacion === 'Cualitativa');
        document.getElementById('editCriterioActivo').checked = !!c.activo;
        document.getElementById('editCalAprobatoria').value = c.calificacion_aprobatoria ?? '';
        document.getElementById('editCalDocMin').value = c.calificacion_doc_minima ?? '0';
        document.getElementById('editCalDocMax').value = c.calificacion_doc_maxima ?? '10';
        cargarEvaluacionesCriterio(c.id);
        new bootstrap.Modal(document.getElementById('modalCriterioEditar')).show();
    }
    document.getElementById('btnRegistrarCriterio').addEventListener('click', abrirModalRegistrar);

    function cargarEvaluacionesCriterio(criterioId) {
        var tbody = document.getElementById('tablaEvaluacionesBody');
        tbody.innerHTML = '<tr><td colspan="7" class="text-center text-muted">Cargando...</td></tr>';
        fetch(baseUrl + '/api/criterios-evaluacion/' + criterioId + '/evaluaciones', { headers: { 'Accept': 'application/json' } })
            .then(function(r) { return r.json(); })
            .then(function(lista) {
                tbody.innerHTML = '';
                if (!lista || lista.length === 0) {
                    tbody.innerHTML = '<tr><td colspan="7" class="text-center text-muted">No hay evaluaciones. Usa "Agregar evaluación".</td></tr>';
                    return;
                }
                lista.forEach(function(e) {
                    var tr = document.createElement('tr');
                    tr.innerHTML =
                        '<td>' + (e.orden || '') + '</td>' +
                        '<td>' + (e.nombre || '') + '</td>' +
                        '<td class="text-center">' + (e.obligatoria ? '<i class="ri-checkbox-circle-fill text-success"></i>' : '<i class="ri-checkbox-blank-line text-muted"></i>') + '</td>' +
                        '<td class="text-center">' + (e.promedio ? '<i class="ri-checkbox-circle-fill text-success"></i>' : '<i class="ri-checkbox-blank-line text-muted"></i>') + '</td>' +
                        '<td class="text-center">' + (e.redondeo ? '<i class="ri-checkbox-circle-fill text-success"></i>' : '<i class="ri-checkbox-blank-line text-muted"></i>') + '</td>' +
                        '<td>' + (e.calificacion_exentar ?? '-') + '</td>' +
                        '<td class="text-center">' +
                        '<button type="button" class="btn btn-sm btn-soft-info me-1 btnEditarEval" data-id="' + e.id + '" title="Editar"><i class="ri-pencil-line"></i></button>' +
                        '<button type="button" class="btn btn-sm btn-soft-danger btnEliminarEval" data-id="' + e.id + '" title="Eliminar"><i class="ri-delete-bin-line"></i></button>' +
                        '</td>';
                    tbody.appendChild(tr);
                });
                document.querySelectorAll('.btnEditarEval').forEach(function(btn) {
                    btn.addEventListener('click', function() {
                        var id = parseInt(this.getAttribute('data-id'), 10);
                        abrirModalEditarEvaluacion(id);
                    });
                });
                document.querySelectorAll('.btnEliminarEval').forEach(function(btn) {
                    btn.addEventListener('click', function() {
                        var id = parseInt(this.getAttribute('data-id'), 10);
                        Swal.fire({ title: '¿Eliminar evaluación?', text: 'Esta acción no se puede deshacer.', icon: 'warning', showCancelButton: true, confirmButtonColor: '#d33', cancelButtonColor: '#3085d6', confirmButtonText: 'Sí, eliminar' })
                            .then(function(r) {
                                if (r.isConfirmed) {
                                    fetch(baseUrl + '/api/evaluaciones-criterio/' + id, { method: 'DELETE', headers: { 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' } })
                                        .then(function(res) { return res.json(); })
                                        .then(function() { if (criterioEditandoId) cargarEvaluacionesCriterio(criterioEditandoId); Swal.fire({ icon: 'success', title: 'Eliminada' }); })
                                        .catch(function() { Swal.fire({ icon: 'error', title: 'Error al eliminar' }); });
                                }
                            });
                    });
                });
            })
            .catch(function() {
                tbody.innerHTML = '<tr><td colspan="7" class="text-center text-danger">Error al cargar evaluaciones.</td></tr>';
            });
    }

    document.getElementById('btnGuardarCriterioRegistrar') && document.getElementById('btnGuardarCriterioRegistrar').addEventListener('click', function() {
        var nombre = document.getElementById('regNombre').value.trim();
        var forma = document.getElementById('regFormaCuantitativa').checked ? 'Cuantitativa' : 'Cualitativa';
        var activo = document.getElementById('regCriterioActivo').checked;
        var calAprob = document.getElementById('regCalAprobatoria').value;
        var calMin = document.getElementById('regCalDocMin').value || '0';
        var calMax = document.getElementById('regCalDocMax').value || '10';
        if (!nombre || calAprob === '') { Swal.fire({ icon: 'warning', title: 'Faltan campos requeridos' }); return; }
        fetch(baseUrl + '/api/criterios-evaluacion', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            body: JSON.stringify({ nombre: nombre, forma_evaluacion: forma, activo: activo, calificacion_aprobatoria: parseFloat(calAprob), calificacion_doc_minima: parseFloat(calMin) || 0, calificacion_doc_maxima: parseFloat(calMax) || 10 })
        }).then(function(r) { return r.json(); }).then(function(res) {
            if (res.success) { bootstrap.Modal.getInstance(document.getElementById('modalCriterioRegistrar')).hide(); buscarCriterios(); Swal.fire({ icon: 'success', title: 'Guardado' }); }
        }).catch(function() { Swal.fire({ icon: 'error', title: 'Error al guardar' }); });
    });

    document.getElementById('btnGuardarCriterioEditar') && document.getElementById('btnGuardarCriterioEditar').addEventListener('click', function() {
        var id = document.getElementById('editCriterioId').value;
        if (!id) return;
        var nombre = document.getElementById('editNombre').value.trim();
        var forma = document.getElementById('editFormaCuantitativa').checked ? 'Cuantitativa' : 'Cualitativa';
        var activo = document.getElementById('editCriterioActivo').checked;
        var calAprob = document.getElementById('editCalAprobatoria').value;
        var calMin = document.getElementById('editCalDocMin').value || '0';
        var calMax = document.getElementById('editCalDocMax').value || '10';
        if (!nombre || calAprob === '') { Swal.fire({ icon: 'warning', title: 'Faltan campos requeridos' }); return; }
        fetch(baseUrl + '/api/criterios-evaluacion/' + id, {
            method: 'PUT',
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            body: JSON.stringify({ nombre: nombre, forma_evaluacion: forma, activo: activo, calificacion_aprobatoria: parseFloat(calAprob), calificacion_doc_minima: parseFloat(calMin) || 0, calificacion_doc_maxima: parseFloat(calMax) || 10 })
        }).then(function(r) { return r.json(); }).then(function(res) {
            if (res.success) { bootstrap.Modal.getInstance(document.getElementById('modalCriterioEditar')).hide(); buscarCriterios(); Swal.fire({ icon: 'success', title: 'Guardado' }); }
        }).catch(function() { Swal.fire({ icon: 'error', title: 'Error al guardar' }); });
    });

    function abrirModalEditarEvaluacion(evaluacionId) {
        fetch(baseUrl + '/api/evaluaciones-criterio/' + evaluacionId, { headers: { 'Accept': 'application/json' } })
            .then(function(r) { return r.json(); })
            .then(function(e) {
                document.getElementById('evalEvaluacionId').value = e.id;
                document.getElementById('evalCriterioId').value = e.criterio_evaluacion_id;
                document.getElementById('evalNombre').value = e.nombre || '';
                document.getElementById('evalAbreviatura').value = e.abreviatura || '';
                document.getElementById('evalOrden').value = e.orden || '1';
                document.getElementById('evalPerteneceBloque').value = e.pertenece_bloque || 1;
                document.getElementById('evalObligatoria').checked = !!e.obligatoria;
                document.getElementById('evalMostrarDoc').checked = e.mostrar_en_documentos !== false;
                document.getElementById('evalPromedio').checked = !!e.promedio;
                document.getElementById('evalRedondeo').checked = !!e.redondeo;
                document.getElementById('evalCalExentar').value = e.calificacion_exentar ?? '';
                document.getElementById('evalFormaCapturada').checked = (e.forma_aplicacion !== 'Fórmula');
                document.getElementById('evalFormaFormula').checked = (e.forma_aplicacion === 'Fórmula');
                document.getElementById('evalCantMaxPeriodo').value = e.cantidad_max_periodo || '';
                document.getElementById('evalCantMaxAlumno').value = e.cantidad_max_alumno || '';
                if (document.getElementById('evalFaltasMinCapturable')) document.getElementById('evalFaltasMinCapturable').value = e.faltas_eval_minima_capturable || '0';
                if (document.getElementById('evalColocarCalFaltasEval')) document.getElementById('evalColocarCalFaltasEval').value = e.colocar_calificacion_faltas_eval || '';
                if (document.getElementById('evalSeAplicaAcumularEval')) document.getElementById('evalSeAplicaAcumularEval').value = e.se_aplica_acumular_faltas_eval || '';
                if (document.getElementById('evalColocarCalFaltasInsc')) document.getElementById('evalColocarCalFaltasInsc').value = e.colocar_calificacion_faltas_inscripcion || '';
                if (document.getElementById('evalSeAplicaAcumularInsc')) document.getElementById('evalSeAplicaAcumularInsc').value = e.se_aplica_acumular_faltas_inscripcion || '';
                document.getElementById('evalValidacion').value = e.validacion || '';
                document.getElementById('evalValidacionExamenes').value = e.validacion_examenes || '';
                document.getElementById('evalRedondeoPrecision').value = e.redondeo_precision || 'Ninguno';
                if (document.getElementById('evalRedondeoDecimas')) document.getElementById('evalRedondeoDecimas').value = e.redondeo_decimas || 'No redondear';
                if (document.getElementById('evalRedondeoCentesimas')) document.getElementById('evalRedondeoCentesimas').value = e.redondeo_centesimas || 'No redondear';
                if (document.getElementById('evalRedondeoAplicarDesde')) document.getElementById('evalRedondeoAplicarDesde').value = e.redondeo_aplicar_desde || '';
                document.getElementById('evalExencionCal').value = e.exencion_calificacion || '';
                if (document.getElementById('evalExencionEnEvaluacion')) document.getElementById('evalExencionEnEvaluacion').value = e.exencion_en_evaluacion || '';
                document.getElementById('evalExencionFaltasEval').value = e.exencion_faltas_eval || '';
                document.getElementById('evalExencionFaltasInsc').value = e.exencion_faltas_inscripcion || '';
                document.getElementById('modalAgregarEvaluacion').querySelector('.modal-title').textContent = 'Criterio de evaluación - Editar evaluación';
                new bootstrap.Modal(document.getElementById('modalAgregarEvaluacion')).show();
            })
            .catch(function() { Swal.fire({ icon: 'error', title: 'Error', text: 'No se pudo cargar la evaluación.' }); });
    }

    document.getElementById('btnAgregarEvaluacion') && document.getElementById('btnAgregarEvaluacion').addEventListener('click', function() {
        if (!criterioEditandoId) return;
        document.getElementById('evalEvaluacionId').value = '';
        document.getElementById('evalCriterioId').value = criterioEditandoId;
        document.getElementById('evalNombre').value = '';
        document.getElementById('evalAbreviatura').value = '';
        document.getElementById('evalOrden').value = '1';
        document.getElementById('evalObligatoria').checked = true;
        document.getElementById('evalMostrarDoc').checked = true;
        document.getElementById('evalPromedio').checked = false;
        document.getElementById('evalRedondeo').checked = false;
        document.getElementById('evalCalExentar').value = '';
        document.getElementById('evalFormaCapturada').checked = true;
        document.getElementById('evalFormaFormula').checked = false;
        document.getElementById('evalValidacion').value = '';
        document.getElementById('evalValidacionExamenes').value = '';
        document.getElementById('evalRedondeoPrecision').value = 'Ninguno';
        document.getElementById('evalExencionCal').value = '';
        document.getElementById('evalExencionFaltasEval').value = '';
        document.getElementById('evalExencionFaltasInsc').value = '';
        if (document.getElementById('evalExencionEnEvaluacion')) document.getElementById('evalExencionEnEvaluacion').value = '';
        document.getElementById('modalAgregarEvaluacion').querySelector('.modal-title').textContent = 'Criterio de evaluación - Agregar evaluación';
        new bootstrap.Modal(document.getElementById('modalAgregarEvaluacion')).show();
    });

    document.getElementById('btnGuardarEvaluacion') && document.getElementById('btnGuardarEvaluacion').addEventListener('click', function() {
        var evaluacionId = document.getElementById('evalEvaluacionId').value;
        var criterioId = document.getElementById('evalCriterioId').value;
        var nombre = document.getElementById('evalNombre').value.trim();
        if (!nombre) { Swal.fire({ icon: 'warning', title: 'El nombre de evaluación es obligatorio' }); return; }
        var payload = {
            nombre: nombre,
            abreviatura: document.getElementById('evalAbreviatura').value.trim(),
            orden: document.getElementById('evalOrden').value || null,
            pertenece_bloque: parseInt(document.getElementById('evalPerteneceBloque').value, 10) || 1,
            obligatoria: document.getElementById('evalObligatoria').checked,
            mostrar_en_documentos: document.getElementById('evalMostrarDoc').checked,
            promedio: document.getElementById('evalPromedio').checked,
            redondeo: document.getElementById('evalRedondeo').checked,
            calificacion_exentar: document.getElementById('evalCalExentar').value || null,
            forma_aplicacion: document.getElementById('evalFormaCapturada').checked ? 'Capturada' : 'Fórmula',
            cantidad_max_periodo: document.getElementById('evalCantMaxPeriodo').value || null,
            cantidad_max_alumno: document.getElementById('evalCantMaxAlumno').value || null,
            faltas_eval_minima_capturable: (document.getElementById('evalFaltasMinCapturable') && document.getElementById('evalFaltasMinCapturable').value) || null,
            colocar_calificacion_faltas_eval: (document.getElementById('evalColocarCalFaltasEval') && document.getElementById('evalColocarCalFaltasEval').value) || null,
            se_aplica_acumular_faltas_eval: (document.getElementById('evalSeAplicaAcumularEval') && document.getElementById('evalSeAplicaAcumularEval').value) || null,
            colocar_calificacion_faltas_inscripcion: (document.getElementById('evalColocarCalFaltasInsc') && document.getElementById('evalColocarCalFaltasInsc').value) || null,
            se_aplica_acumular_faltas_inscripcion: (document.getElementById('evalSeAplicaAcumularInsc') && document.getElementById('evalSeAplicaAcumularInsc').value) || null,
            validacion: document.getElementById('evalValidacion').value || null,
            validacion_examenes: document.getElementById('evalValidacionExamenes').value || null,
            redondeo_precision: document.getElementById('evalRedondeoPrecision').value || null,
            redondeo_decimas: (document.getElementById('evalRedondeoDecimas') && document.getElementById('evalRedondeoDecimas').value) || null,
            redondeo_centesimas: (document.getElementById('evalRedondeoCentesimas') && document.getElementById('evalRedondeoCentesimas').value) || null,
            redondeo_aplicar_desde: (document.getElementById('evalRedondeoAplicarDesde') && document.getElementById('evalRedondeoAplicarDesde').value) || null,
            exencion_calificacion: document.getElementById('evalExencionCal').value || null,
            exencion_en_evaluacion: (document.getElementById('evalExencionEnEvaluacion') && document.getElementById('evalExencionEnEvaluacion').value) || null,
            exencion_faltas_eval: document.getElementById('evalExencionFaltasEval').value || null,
            exencion_faltas_inscripcion: document.getElementById('evalExencionFaltasInsc').value || null
        };
        var url = evaluacionId
            ? baseUrl + '/api/evaluaciones-criterio/' + evaluacionId
            : baseUrl + '/api/criterios-evaluacion/' + criterioId + '/evaluaciones';
        var method = evaluacionId ? 'PUT' : 'POST';
        fetch(url, {
            method: method,
            headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            body: JSON.stringify(payload)
        }).then(function(r) { return r.json(); }).then(function(res) {
            if (res.success) {
                bootstrap.Modal.getInstance(document.getElementById('modalAgregarEvaluacion')).hide();
                if (criterioEditandoId) cargarEvaluacionesCriterio(criterioEditandoId);
                Swal.fire({ icon: 'success', title: evaluacionId ? 'Evaluación actualizada' : 'Evaluación agregada' });
            }
        }).catch(function() { Swal.fire({ icon: 'error', title: 'Error al guardar' }); });
    });

    // Modal Agregar/Editar evaluación: pestañas y botones Regresar / Continuar / Guardar
    var tabEvalLinks = [];
    var tabEvalPanes = [];
    (function() {
        var modal = document.getElementById('modalAgregarEvaluacion');
        if (!modal) return;
        tabEvalLinks = [modal.querySelector('[href="#tabEvalGeneral"]'), modal.querySelector('[href="#tabEvalValidacion"]'), modal.querySelector('[href="#tabEvalEstatus"]')].filter(Boolean);
        tabEvalPanes = [document.getElementById('tabEvalGeneral'), document.getElementById('tabEvalValidacion'), document.getElementById('tabEvalEstatus')].filter(Boolean);
        function indiceTabActivo() {
            for (var i = 0; i < tabEvalPanes.length; i++) { if (tabEvalPanes[i].classList.contains('show') && tabEvalPanes[i].classList.contains('active')) return i; }
            return 0;
        }
        function mostrarBotonesPorTab(idx) {
            var btnCont = document.getElementById('btnContinuarEval');
            var btnGuardar = document.getElementById('btnGuardarEvaluacion');
            if (idx === 2) { btnCont.classList.add('d-none'); btnGuardar.classList.remove('d-none'); }
            else { btnCont.classList.remove('d-none'); btnGuardar.classList.add('d-none'); }
        }
        modal.addEventListener('shown.bs.modal', function() {
            tabEvalLinks[0] && tabEvalLinks[0].click();
            mostrarBotonesPorTab(0);
        });
        document.getElementById('btnContinuarEval') && document.getElementById('btnContinuarEval').addEventListener('click', function() {
            var idx = indiceTabActivo();
            if (idx < 2 && tabEvalLinks[idx + 1]) { tabEvalLinks[idx + 1].click(); mostrarBotonesPorTab(idx + 1); }
        });
        document.getElementById('btnRegresarEval') && document.getElementById('btnRegresarEval').addEventListener('click', function() {
            var idx = indiceTabActivo();
            if (idx === 0) { bootstrap.Modal.getInstance(modal).hide(); return; }
            if (idx >= 1 && tabEvalLinks[idx - 1]) { tabEvalLinks[idx - 1].click(); mostrarBotonesPorTab(idx - 1); }
        });
        tabEvalLinks.forEach(function(link, i) {
            link.addEventListener('shown.bs.tab', function() { mostrarBotonesPorTab(i); });
        });
    })();
    </script>
@endsection