@extends('base')

@section('content')
    <form action="{{ route('enrollments.store') }}" method="POST" class="custom-validation" novalidate="">
        @csrf

        <h4 class="card-title mb-4">Registrar Matricula Estudiante</h4>
        <div class="row">
            <div class="col-md-5">
                <div class="mb-3">
                    <label for="student_id">Estudiante</label>
                    <select class="form-select select2" aria-label="Default select example" id="student_id" name="student_id">
                        <option value="" selected> --Seleccione Estudiante -- </option>
                        @foreach ($students as $student)
                            <option value={{ $student->id }} @if (old('student_id') == $student->id) {{ 'selected' }} @endif>
                                {{ strtoupper($student->name_student) }} {{ strtoupper($student->lastName_student) }}
                            </option>
                        @endforeach
                    </select>
                </div>

                @error('student_id')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-3">
                <div class="mb-3">
                    <label for="">Curso</label>
                    <select class="form-select" aria-label="Default select example" id="degree_id" name="degree_id">
                        <option value=""> --Seleccione Curso -- </option>
                        @foreach ($degrees as $degree)
                            <option value={{ $degree->id }} @if (old('degree_id') == $degree->id) {{ 'selected' }} @endif>{{ $degree->name_degree }}</option>
                        @endforeach
                    </select>
                </div>

                @error('degree_id')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="col-md-2">
                <div class="mb-3">
                    <label for="">Fecha de Matricula</label>
                    <div>
                        <input type="date" class="form-control" id="date_enrollment" name="date_enrollment" required
                            value="{{ old('date_enrollment') }}">
                    </div>
                </div>

                @error('date_enrollment')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>
            <div class="col-md-2">
                <div class="mb-3">
                    <label for="">Año</label>
                    <div>
                        <input type="number" class="form-control" id="year" name="year" required
                            value="{{ old('year') }}">
                    </div>
                </div>

                @error('year')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
            </div>

            <div class="row">
                <div class="col-md-2">
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="formCheck2" checked="false" name="status">
                            <label class="form-check-label" for="formCheck2">
                                Matricular
                            </label>
                        </div>
                    </div>

                    @error('status')
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="mdi mdi-block-helper me-2"></i>
                        {{ $message }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @enderror
                </div>
            </div>



        </div>

        <div class="mb-0 float-end">
            <div>
                <button type="submit" class="btn btn-primary waves-effect waves-light me-1">
                    Guardar Registro
                </button>
            </div>
        </div>
    </form>
@endsection