@extends('layouts.master')

@section('title')
    Editar alumno {{ $alumno->matricula }}
@endsection

@section('content')
    @component('components.breadcrumb')
        @slot('li_1') Control Escolar @endslot
        @slot('title') Editar alumno @endslot
    @endcomponent

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title mb-4">Datos del alumno</h5>
                    <form id="formEditarAlumno">
                        <div class="row g-3">
                            <div class="col-md-4"><label class="form-label">Matrícula</label><input type="text" class="form-control" value="{{ $alumno->matricula }}" readonly></div>
                            <div class="col-md-4"><label class="form-label">* Nombre</label><input type="text" name="nombre" class="form-control" value="{{ $alumno->nombre }}" required></div>
                            <div class="col-md-4"><label class="form-label">* Apellido paterno</label><input type="text" name="apellido_paterno" class="form-control" value="{{ $alumno->apellido_paterno }}" required></div>
                            <div class="col-md-4"><label class="form-label">Apellido materno</label><input type="text" name="apellido_materno" class="form-control" value="{{ $alumno->apellido_materno }}"></div>
                            <div class="col-md-4"><label class="form-label">* Email</label><input type="email" name="email" class="form-control" value="{{ $alumno->email }}" required></div>
                            <div class="col-md-4"><label class="form-label">CURP</label><input type="text" name="curp" class="form-control" value="{{ $alumno->curp }}" maxlength="18"></div>
                            <div class="col-md-4"><label class="form-label">Sexo</label><select name="sexo" class="form-select"><option value="Masculino" {{ ($alumno->sexo ?? '') == 'Masculino' ? 'selected' : '' }}>Masculino</option><option value="Femenino" {{ ($alumno->sexo ?? '') == 'Femenino' ? 'selected' : '' }}>Femenino</option></select></div>
                            <div class="col-md-4"><label class="form-label">Nacionalidad</label><input type="text" name="nacionalidad" class="form-control" value="{{ $alumno->nacionalidad }}"></div>
                            <div class="col-md-4"><label class="form-label">Entidad federativa</label><input type="text" name="entidad_federativa" class="form-control" value="{{ $alumno->entidad_federativa }}"></div>
                            <div class="col-md-4"><label class="form-label">Lugar de nacimiento</label><input type="text" name="lugar_nacimiento" class="form-control" value="{{ $alumno->lugar_nacimiento }}"></div>
                            <div class="col-md-4"><label class="form-label">Fecha de nacimiento</label><input type="text" name="fecha_nacimiento" class="form-control" value="{{ $alumno->fecha_nacimiento ? $alumno->fecha_nacimiento->format('d/m/Y') : '' }}" placeholder="dd/mm/aaaa"></div>
                            <div class="col-md-4"><label class="form-label">Teléfono casa</label><input type="text" name="telefono_casa" class="form-control" value="{{ $alumno->telefono_casa }}"></div>
                            <div class="col-md-4"><label class="form-label">Teléfono celular</label><input type="text" name="telefono_celular" class="form-control" value="{{ $alumno->telefono_celular }}"></div>
                            <div class="col-md-4"><label class="form-label">Mensajería</label><input type="text" name="mensajeria" class="form-control" value="{{ $alumno->mensajeria }}"></div>
                        </div>
                        <div class="mt-4">
                            <a href="{{ url('alumnos') }}" class="btn btn-secondary">Cancelar</a>
                            <button type="submit" class="btn btn-primary">Guardar cambios</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
<script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script>
document.getElementById('formEditarAlumno').addEventListener('submit', function(e) {
    e.preventDefault();
    var form = this;
    var nombre = (form.querySelector('input[name="nombre"]') || {}).value;
    var apellidoPaterno = (form.querySelector('input[name="apellido_paterno"]') || {}).value;
    var email = (form.querySelector('input[name="email"]') || {}).value;
    var curp = (form.querySelector('input[name="curp"]') || {}).value;
    nombre = typeof nombre === 'string' ? nombre.trim() : '';
    apellidoPaterno = typeof apellidoPaterno === 'string' ? apellidoPaterno.trim() : '';
    email = typeof email === 'string' ? email.trim() : '';
    curp = typeof curp === 'string' ? curp.trim() : '';
    if (!nombre) {
        Swal.fire({ icon: 'warning', title: 'Campo requerido', text: 'El nombre es obligatorio.', confirmButtonColor: '#3085d6' });
        return;
    }
    if (!apellidoPaterno) {
        Swal.fire({ icon: 'warning', title: 'Campo requerido', text: 'El apellido paterno es obligatorio.', confirmButtonColor: '#3085d6' });
        return;
    }
    if (!email) {
        Swal.fire({ icon: 'warning', title: 'Campo requerido', text: 'El correo electrónico es obligatorio.', confirmButtonColor: '#3085d6' });
        return;
    }
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailRegex.test(email)) {
        Swal.fire({ icon: 'warning', title: 'Correo inválido', text: 'Ingrese un correo electrónico válido.', confirmButtonColor: '#3085d6' });
        return;
    }
    if (curp && curp.length !== 18) {
        Swal.fire({ icon: 'warning', title: 'CURP inválido', text: 'El CURP debe tener exactamente 18 caracteres.', confirmButtonColor: '#3085d6' });
        return;
    }
    var data = {};
    form.querySelectorAll('input[name], select[name]').forEach(function(el) {
        if (el.name && !el.readOnly) data[el.name] = el.value;
    });
    fetch('{{ url("alumnos/" . $alumno->id) }}', {
        method: 'PUT',
        headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'X-Requested-With': 'XMLHttpRequest' },
        body: JSON.stringify(data)
    })
    .then(function(r) { return r.json(); })
    .then(function(res) {
        if (res.success) {
            Swal.fire({ icon: 'success', title: 'Guardado', text: res.message, confirmButtonColor: '#3085d6' }).then(function() {
                window.location.href = '{{ url("alumnos/" . $alumno->id) }}';
            });
        } else {
            Swal.fire({ icon: 'error', title: 'Error', text: res.message || 'No se pudo actualizar.', confirmButtonColor: '#3085d6' });
        }
    })
    .catch(function() {
        Swal.fire({ icon: 'error', title: 'Error', text: 'No se pudo conectar.', confirmButtonColor: '#3085d6' });
    });
});
</script>
@endsection