@extends('layouts.app')

@section('title', 'Añadir Estudiante - CampusDocs')

@section('content')
<div class="container py-4 students-container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card border-0 shadow-lg">
                <div class="card-header border-0 bg-primary text-white" style="background: linear-gradient(135deg, #6e8efb, #09f);">
                    <h5 class="mb-0 py-2"><i class="fas fa-user-plus me-2"></i>Ingreso Manual de Estudiante</h5>
                </div>
                
                <div class="card-body p-4">
                    <div class="alert alert-info small mb-4" id="infoAlert">
                        <i class="fas fa-info-circle me-2"></i> Ingrese el RUT del estudiante y presione <strong>"Buscar"</strong>. El sistema verificará si existe en Ucampus antes de permitir el registro.
                    </div>

                    <form action="{{ route('estudiantes_crud.store') }}" method="POST" id="estudianteForm">
                        @csrf
                        
                        <input type="hidden" name="matricula" id="matriculaInput">
                        <input type="hidden" name="id_carrera" id="idCarreraInput">
                        <input type="hidden" name="periodo_inicio" id="periodoInicioInput">
                        <input type="hidden" name="sexo" id="sexoInput">
                        <input type="hidden" name="fecha_nacimiento" id="fechaNacimientoInput">
                        <input type="hidden" name="telefono" id="telefonoInput">
                        <input type="hidden" name="direccion" id="direccionInput">
                        <input type="hidden" name="comuna" id="comunaInput">
                        <input type="hidden" name="region" id="regionInput">

                        <div class="mb-4">
                            <label class="form-label fw-bold">RUT del Estudiante *</label>
                            <div class="input-group">
                                <input type="text" name="rut" id="rutInput" class="form-control form-control-lg" placeholder="Ej: 12345678-9" required>
                                <button class="btn btn-dark px-4" type="button" id="btnBuscar">
                                    <i class="fas fa-search me-1"></i> Buscar
                                </button>
                            </div>
                            <small class="text-muted mt-1 d-block" id="rutHelp">Puede cambiar el RUT en cualquier momento para buscar a otro estudiante.</small>
                        </div>

                        <fieldset id="camposAdicionales" disabled>
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Nombres *</label>
                                    <input type="text" name="nombres" id="nombresInput" class="form-control" required>
                                </div>
                                <div class="col-md-6 mt-3 mt-md-0">
                                    <label class="form-label fw-bold">Apellidos *</label>
                                    <input type="text" name="apellidos" id="apellidosInput" class="form-control" required>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label fw-bold">Email Institucional *</label>
                                <input type="email" name="email" id="emailInput" class="form-control" required>
                            </div>

                            <div class="mb-4">
                                <label class="form-label fw-bold">Carrera *</label>
                                <select name="carrera" id="carreraSelect" class="form-select" required>
                                    <option value="" selected disabled>-- Seleccione una carrera oficial --</option>
                                    @foreach($carreras as $carrera)
                                        <option value="{{ $carrera }}">{{ $carrera }}</option>
                                    @endforeach
                                </select>
                                @if(session('user_context')['is_coordinador'] ?? false && empty(session('user_context')['is_admin']))
                                    <small class="text-muted"><i class="fas fa-lock me-1"></i> Solo puedes registrar estudiantes en tus carreras asignadas.</small>
                                @endif
                            </div>
                        </fieldset>

                        <div class="d-flex justify-content-end border-top pt-3 mt-4">
                            <a href="{{ route('estudiantes_crud.index') }}" class="btn btn-danger me-2">
                                <i class="fas fa-times me-1"></i> Cancelar
                            </a>
                            <button type="submit" class="btn btn-primary" id="btnGuardar" disabled>
                                <i class="fas fa-save me-1"></i> Guardar Estudiante
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const btnBuscar = document.getElementById('btnBuscar');
        const rutInput = document.getElementById('rutInput');
        const fieldsetCampos = document.getElementById('camposAdicionales');
        const btnGuardar = document.getElementById('btnGuardar');
        const infoAlert = document.getElementById('infoAlert');
        
        const csrfToken = document.querySelector('meta[name="csrf-token"]').content;

        btnBuscar.addEventListener('click', function() {
            const rut = rutInput.value.trim();
            if(!rut) {
                Swal.fire('Atención', 'Debe ingresar un RUT primero.', 'warning');
                return;
            }

            // Cambiar botón a estado de carga y bloquear RUT temporalmente
            const originalBtnHtml = btnBuscar.innerHTML;
            btnBuscar.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
            btnBuscar.disabled = true;
            rutInput.readOnly = true; 

            // Petición AJAX
            $.ajax({
                url: "{{ route('estudiantes_crud.buscar') }}",
                type: 'POST',
                data: {
                    _token: csrfToken,
                    rut: rut
                },
                success: function(response) {
                    // Restaurar botón y permitir editar RUT nuevamente
                    btnBuscar.innerHTML = originalBtnHtml;
                    btnBuscar.disabled = false;
                    rutInput.readOnly = false;
                    
                    if(response.status === 'exists_local') {
                        // Ya existe y está activo
                        Swal.fire('Operación Cancelada', response.message, 'error');
                        bloquearYLimpiarFormulario(true);
                    } 
                    else if(response.status === 'exists_disabled') {
                        // Ya existe pero está DESHABILITADO
                        Swal.fire({
                            title: 'Estudiante Deshabilitado',
                            text: response.message,
                            icon: 'warning',
                            confirmButtonText: 'Entendido'
                        });
                        bloquearYLimpiarFormulario(true);
                    }
                    else if(response.status === 'found_ucampus') {
                        // Encontrado en Ucampus
                        let extraMsg = response.huerfano ? '<br><br><b>Nota:</b> Se detectó un inicio de sesión previo sin datos académicos. El sistema reparará el registro.' : '';
                        
                        Swal.fire({
                            title: '¡Encontrado en Ucampus!',
                            html: 'Se han precargado los datos. Verifique la carrera y presione Guardar.' + extraMsg,
                            icon: 'success',
                            timer: 4000
                        });
                        
                        // Llenar campos visibles
                        document.getElementById('nombresInput').value = response.data.nombres || '';
                        document.getElementById('apellidosInput').value = response.data.apellidos || '';
                        document.getElementById('emailInput').value = response.data.email || '';
                        
                        // Llenar campos ocultos con la data extra
                        document.getElementById('matriculaInput').value = response.data.matricula || '';
                        document.getElementById('idCarreraInput').value = response.data.id_carrera || '';
                        document.getElementById('periodoInicioInput').value = response.data.periodo_inicio || '';
                        document.getElementById('sexoInput').value = response.data.sexo || '';
                        document.getElementById('fechaNacimientoInput').value = response.data.fecha_nacimiento || '';
                        document.getElementById('telefonoInput').value = response.data.telefono || '';
                        document.getElementById('direccionInput').value = response.data.direccion || '';
                        document.getElementById('comunaInput').value = response.data.comuna || '';
                        document.getElementById('regionInput').value = response.data.region || '';

                        // Auto-seleccionar carrera si coincide el nombre
                        if (response.data.carrera_api) {
                            const options = document.getElementById('carreraSelect').options;
                            const carreraLower = response.data.carrera_api.toLowerCase();
                            for (let i = 0; i < options.length; i++) {
                                if (carreraLower.includes(options[i].value.toLowerCase())) {
                                    options[i].selected = true;
                                    break;
                                }
                            }
                        }
                        
                        infoAlert.className = 'alert alert-success small mb-4';
                        infoAlert.innerHTML = '<i class="fas fa-check-circle me-2"></i> Datos obtenidos desde Ucampus. El estudiante se guardará con su información académica completa.';
                        
                        desbloquearFormulario();
                    } 
                    else {
                        // NO existe en ningún lado
                        Swal.fire({
                            title: 'No encontrado',
                            text: 'El RUT no figura en Ucampus ni en la base local. Se habilitó el formulario para ingreso 100% manual.',
                            icon: 'warning'
                        });

                        bloquearYLimpiarFormulario(false); // Limpia pero no bloquea

                        infoAlert.className = 'alert alert-warning small mb-4 text-dark';
                        infoAlert.innerHTML = '<i class="fas fa-exclamation-triangle me-2"></i> <strong>Modo Ingreso Manual:</strong> Proceda con precaución.';
                        
                        desbloquearFormulario();
                    }
                },
                error: function() {
                    btnBuscar.innerHTML = originalBtnHtml;
                    btnBuscar.disabled = false;
                    rutInput.readOnly = false;
                    Swal.fire('Error', 'Ocurrió un problema de red. Inténtelo nuevamente.', 'error');
                }
            });
        });

        // Si el usuario modifica el RUT, bloqueamos todo de nuevo y limpiamos
        rutInput.addEventListener('input', function() {
            if(!fieldsetCampos.disabled) {
                bloquearYLimpiarFormulario(true);
                infoAlert.className = 'alert alert-info small mb-4';
                infoAlert.innerHTML = '<i class="fas fa-info-circle me-2"></i> Ingrese el RUT del estudiante y presione <strong>"Buscar"</strong>. El sistema verificará si existe en Ucampus antes de permitir el registro.';
            }
        });

        function desbloquearFormulario() {
            fieldsetCampos.disabled = false;
            btnGuardar.disabled = false;
        }

        function bloquearYLimpiarFormulario(bloquear = true) {
            if(bloquear) {
                fieldsetCampos.disabled = true;
                btnGuardar.disabled = true;
            }
            
            // Limpiar visibles
            document.getElementById('nombresInput').value = '';
            document.getElementById('apellidosInput').value = '';
            document.getElementById('emailInput').value = '';
            document.getElementById('carreraSelect').value = '';
            
            // Limpiar ocultos
            document.getElementById('matriculaInput').value = '';
            document.getElementById('idCarreraInput').value = '';
            document.getElementById('periodoInicioInput').value = '';
            document.getElementById('sexoInput').value = '';
            document.getElementById('fechaNacimientoInput').value = '';
            document.getElementById('telefonoInput').value = '';
            document.getElementById('direccionInput').value = '';
            document.getElementById('comunaInput').value = '';
            document.getElementById('regionInput').value = '';
        }
    });
</script>
@endpush