@extends('student.app')
@section('title', __('student.edit_student'))
@section('content')
    @include('components.errors')
    <div class="card mb-3">
        <div class="card-body">
            <div class="row flex-between-center">
                <div class="col-md">
                    <h5 class="mb-2 mb-md-0">@lang('student.edit_student') ({{ $student->fullName() }})</h5>
                </div>
                <div class="col-auto">
                    <a href="{{ url()->current() }}" class="btn btn-falcon-primary btn-sm" role="button"><i
                            class="fa fa-sync"></i></a>
                </div>
            </div>
        </div>
    </div>
    <form action="{{ route('std_students.update', $student) }}" method="POST" class=" row g-3">
        @csrf
        @method('PUT')
        <div class="card">
            <div class="card-body">

                <div class="row mt-2">
                    <div class="form-group col-md-3">
                        <label for="student_code">@lang('student.student_code')</label>
                        <input type="text" name="student_code" class="form-control" id="student_code" required
                            value="{{ $student->student_code }}" readonly>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="name">@lang('student.name')</label>
                        <input type="text" name="name" class="form-control" id="name" required
                            value="{{ $student->name }}">
                    </div>

                    <div class="form-group col-md-3">
                        <label for="father_name">@lang('student.father_name')</label>
                        <input type="text" name="father_name" class="form-control" id="father_name" required
                            value="{{ $student->father_name }}">
                    </div>

                    <div class="form-group col-md-3">
                        <label for="surname">@lang('student.surname')</label>
                        <input type="text" name="surname" class="form-control" id="surname" required
                            value="{{ $student->surname }}">
                    </div>

                </div>
                {{-- row 2  --}}
                <div class="row  mt-2">
                    <div class="form-group col-md-3">
                        <label for="mother_name">@lang('student.mother_name')</label>
                        <input type="text" name="mother_name" class="form-control" id="mother_name" required
                            value="{{ $student->mother_name }}">
                    </div>

                    <div class="form-group col-md-3">
                        <label for="birthplace">@lang('student.birthplace')</label>
                        <input type="text" name="birthplace" class="form-control" id="birthplace" required
                            value="{{ $student->birthplace }}">
                    </div>

                    <div class="form-group col-md-3">
                        <label for="birthdate">@lang('student.birthdate')</label>
                        <input type="date" name="birthdate" class="form-control" id="birthdate" required
                            value="{{ $student->birthdate }}">
                        <small id="ageHint" class="form-text text-warning"></small>
                    </div>


                    <div class="form-group col-md-3">
                        <label for="registry_number">@lang('student.registry_number')</label>
                        <input type="text" name="registry_number" class="form-control" id="registry_number" required
                            value="{{ $student->registry_number }}">
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                {{-- row 3  --}}
                <div class="row  mt-2">
                    <div class="form-group col-md-3">
                        <label for="enrollment_date">@lang('student.enrollment_date')</label>
                        <input type="date" name="enrollment_date" class="form-control" id="enrollment_date" required
                            value="{{ $student->enrollment_date }}">
                    </div>

                    <div class="form-group col-md-3">
                        <label for="phone">@lang('student.phone')</label>
                        <input type="text" name="phone" class="form-control" id="phone"
                            value="{{ $student->phone }}">
                    </div>

                    <div class="form-group col-md-3">
                        <label for="commune">@lang('student.commune')</label>
                        <input type="text" name="commune" class="form-control" id="commune"
                            value="{{ $student->commune }}">
                    </div>

                    <div class="form-group col-md-3 ">
                        <label for="gender">@lang('student.gender')</label>

                        <select class="form-select" aria-label="Default select example" name="gender">
                            <option value="male" @selected($student->gender == 'male')>@lang('student.male')</option>
                            <option value="female" @selected($student->gender == 'female')>@lang('student.female')</option>
                        </select>
                    </div>
                </div>
                {{-- row 4  --}}
                <div class="row  mt-2">
                    <div class="form-group col-md-3 ">
                        <label for="religion_id">@lang('student.religion')</label>
                        <select class="form-select" aria-label="Default select example" name="religion_id">
                            @foreach ($religions as $id => $name)
                                <option value="{{ $id }}" @selected($student->religion_id == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-3 ">
                        <label for="component_id">@lang('student.component')</label>
                        <select class="form-select" aria-label="Default select example" name="component_id">
                            @foreach ($components as $id => $name)
                                <option value="{{ $id }}" @selected($student->component_id == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3 ">
                        <label for="component_id">@lang('student.foreign_language')</label>
                        <select class="form-select" aria-label="Default select example" name="foreign_language_id">
                            @foreach ($languages as $id => $name)
                                <option value="{{ $id }}" @selected($student->foreign_language_id == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3 ">
                        <label for="component_id">@lang('student.healthes')</label>
                        <select class="form-select" aria-label="Default select example" name="health_status_id">
                            @foreach ($healthStatuses as $id => $name)
                                <option value="{{ $id }}" @selected($student->health_status_id == $id)>
                                    {{ $name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                {{-- row 5  --}}
                <div class="row  mt-2">
                    <div class="form-group col-md-3 ">
                        <label for="social_status_id">@lang('student.socials')</label>
                        <select class="form-select" aria-label="Default select example" name="social_status_id">
                            @foreach ($socialStatuses as $id => $name)
                                <option value="{{ $id }}" @selected($student->social_status_id == $id)>
                                    {{ $name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-3 ">
                        <label for="student_status">@lang('student.student_status')</label>
                        <select class="form-select" aria-label="Default select example" name="student_status">
                            <option value="new" @selected($student->student_status == 'new')>@lang('student.new')</option>
                            <option value="repeater" @selected($student->student_status == 'repeater')>@lang('student.repeater')</option>
                            <option value="passed" @selected($student->student_status == 'passed')>@lang('student.passed')</option>
                            <option value="failed" @selected($student->student_status == 'failed')>@lang('student.failed')</option>
                            <option value="dropout" @selected($student->student_status == 'dropout')>@lang('student.dropout')</option>
                            <option value="transferred" @selected($student->student_status == 'transferred')>@lang('student.transferred')</option>
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="social_status_id">@lang('student.martyr_family')</label>
                        <select class="form-select" aria-label="Default select example" name="martyr_family">
                            <option value="1" @selected($student->martyr_family == '1')>@lang('student.true')</option>
                            <option value="0" @selected($student->martyr_family == '0')>@lang('student.false')</option>
                        </select>
                    </div>
                                        <div class="form-group col-md-3 " id="relationship-div" style="display: {{ $relationshipClass }}">
                        <label for="social_status_id">@lang('student.relationship')</label>
                        <select class="form-select" aria-label="Default select example" name="relationship">
                            <option value="father" @selected($student->relationship == 'father')>@lang('student.father')</option>
                            <option value="mother" @selected($student->relationship == 'mother')>@lang('student.mother')</option>
                            <option value="brother" @selected($student->relationship == 'brother')>@lang('student.brother')</option>
                            <option value="sister" @selected($student->relationship == 'sister')>@lang('student.sister')</option>
                            <option value="son" @selected($student->relationship == 'son')>@lang('student.son')</option>
                            <option value="daughter" @selected($student->relationship == 'daughter')>@lang('student.daughter')</option>
                        </select>
                    </div>



                </div>

                <div class="form-group col-md-3 ">
                    <label for="component_id">@lang('student.classes')</label>
                    <select class="form-select" aria-label="Default select example" name="entity_id">
                        <option selected disabled>@lang('student.select_class')</option>
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}" @selected($student->entity_id == $class->id)>{{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="form-label" for="basic-form-textarea">@lang('student.address')</label>
                        <textarea class="form-control" id="basic-form-textarea" rows="3" name="address">{{ $student->address }}</textarea>
                    </div>

                    <div class="form-group col-md-6">
                        <label class="form-label" for="basic-form-textarea">@lang('student.notes')</label>
                        <textarea class="form-control" id="basic-form-textarea" rows="3" name="notes">{{ $student->notes }}</textarea>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-12 mt-2">
            <a href="{{ route('std_students.index', $student->entity_id) }}"
                class="btn btn-primary mt-3 col-md-2">@lang('student.back')</a>
            <button type="submit" class="btn btn-success mt-3 col-md-2">@lang('student.edit') </button>

        </div>
    </form>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const martyrFamilyRadios = document.getElementsByName('martyr_family');
            const relationshipDiv = document.getElementById('relationship-div');

            martyrFamilyRadios.forEach(radio => {
                radio.addEventListener('change', function() {
                    if (this.value === '1') {
                        relationshipDiv.style.display = 'block';
                    } else {
                        relationshipDiv.style.display = 'none';
                    }
                });
            });
        });


        document.getElementById('birthdate').addEventListener('input', function() {
            const birthdate = new Date(this.value);
            const today = new Date();

            if (!isNaN(birthdate.getTime())) {
                const age = today.getFullYear() - birthdate.getFullYear();


                const ageHint = document.getElementById('ageHint');

                if (age < 6) {
                    ageHint.textContent = 'العمر اصغر من 6 سنوات';
                } else {
                    ageHint.textContent = '';
                }
            } else {
                // Reset hint if the input is invalid
                document.getElementById('ageHint').textContent = '';
            }
        });
    </script>
@endsection