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

        <h4 class="card-title mb-4">Registrar Observador Estudiante</h4>
        <div class="row">
            <div class="col-md-6">
                <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 }}>{{ 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-6">
                <div class="mb-3">
                    <label for="">Periodo</label>
                    <div>
                        <select class="form-select" aria-label="Default select example" id="period" name="period">
                            <option value="">---- Seleccione Periodo ----</option>
                            <option value=1 @if (old('period') == 1) {{ 'selected' }} @endif>1</option>
                            <option value=2 @if (old('period') == 2) {{ 'selected' }} @endif>2</option>
                            <option value=3 @if (old('period') == 3) {{ 'selected' }} @endif>3</option>
                            <option value=4 @if (old('period') == 4) {{ 'selected' }} @endif>4</option>
                        </select>
                    </div>
                </div>

                @error('period')
                <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 class="row">
            <div class="col-md-12">
                <div class="mb-3">
                    <label for="">Situacion Estudiante</label>
                    <div>
                        <textarea class="form-control" rows="5" id="student_situation" name="student_situation" required
                        value="{{ old('student_situation') }}" placeholder="Digite Situacion Actual Estudiante"></textarea>
                    </div>
                </div>

                @error('student_situation')
                    <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 class="row">
            <div class="col-md-12">
                <div class="mb-3">
                    <label for="">Compromisos y correctivos</label>
                    <div>
                        <textarea class="form-control" rows="5" id="corrective_commitments" name="corrective_commitments" required
                        value="{{ old('corrective_commitments') }}" placeholder="Digite compromisos y correctivos del estudiante"></textarea>
                    </div>
                </div>

                @error('corrective_commitments')
                    <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 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