@extends('student.app')
@section('title', __('student.create_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.create_student')</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.store') }}" method="POST" class=" row g-3">
        @csrf
        <div class="card">
            <div class="card-body">

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

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

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

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

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

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

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


                    <div class="form-group col-md-3">
                        <label for="registry_number" class="required">@lang('student.registry_number')</label>
                        <input type="text" name="registry_number" class="form-control" id="registry_number" required
                            value="{{ old('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" class="required">@lang('student.enrollment_date')</label>
                        <input type="date" name="enrollment_date" class="form-control" id="enrollment_date" required
                            value="{{ old('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="{{ old('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="{{ old('commune') }}">
                    </div>

                    <div class="form-group col-md-3 ">
                        <label for="gender" class="required">@lang('student.gender')</label>
                        <select class="form-select" aria-label="Default select example" name="gender">
                            <option selected disabled>@lang('student.select_gender')</option>
                            <option value="male" @selected(old('gender') == 'male')>@lang('student.male')</option>
                            <option value="female" @selected(old('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" class="required">@lang('student.religion')</label>
                        <select class="form-select" aria-label="Default select example" name="religion_id">
                            <option selected disabled>@lang('student.select_religion')</option>
                            @foreach ($religions as $id => $name)
                                <option value="{{ $id }}" @selected(old('religion_id') == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="component_id" class="required">@lang('student.component')</label>
                        <select class="form-select" aria-label="Default select example" name="component_id">
                            <option selected disabled>@lang('student.select_component')</option>
                            @foreach ($components as $id => $name)
                                <option value="{{ $id }}" @selected(old('component_id') == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3 ">
                        <label for="foreign_language_id" class="required">@lang('student.foreign_language')</label>
                        <select class="form-select" aria-label="Default select example" name="foreign_language_id">
                            <option selected disabled>@lang('student.select_foreign_language')</option>
                            @foreach ($languages as $id => $name)
                                <option value="{{ $id }}" @selected(old('foreign_language_id') == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3 ">
                        <label for="component_id" class="required">@lang('student.healthes')</label>
                        <select class="form-select" aria-label="Default select example" name="health_status_id">
                            <option selected disabled>@lang('student.select_health_status')</option>
                            @foreach ($healthStatuses as $id => $name)
                                <option value="{{ $id }}" @selected(old('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" class="required">@lang('student.socials')</label>
                        <select class="form-select" aria-label="Default select example" name="social_status_id">
                            <option selected disabled>@lang('student.select_social_status')</option>
                            @foreach ($socialStatuses as $id => $name)
                                <option value="{{ $id }}" @selected(old('social_status_id') == $id)>{{ $name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

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

                    <div class="form-group col-md-3">
                        <label for="martyr_family" class="required">@lang('student.martyr_family')</label>
                        <select class="form-select" aria-label="Default select example" name="martyr_family">
                            <option value="1" @selected(old('martyr_family') == '1')>@lang('student.true')</option>
                            <option value="0" selected @selected(old('martyr_family') == '0')>@lang('student.false')</option>
                        </select>
                    </div>

                    <div class="form-group col-md-3 " id="relationship-div" style="display: none;">
                        <label for="social_status_id">@lang('student.relationship')</label>
                        <select class="form-select" aria-label="Default select example" name="relationship">
                            <option selected disabled>@lang('student.select_relationship')</option>
                            <option value="father" @selected(old('relationship') == 'father')>@lang('student.father')</option>
                            <option value="mother" @selected(old('relationship') == 'mother')>@lang('student.mother')</option>
                            <option value="brother" @selected(old('relationship') == 'brother')>@lang('student.brother')</option>
                            <option value="sister" @selected(old('relationship') == 'sister')>@lang('student.sister')</option>
                            <option value="son" @selected(old('relationship') == 'son')>@lang('student.son')</option>
                            <option value="daughter" @selected(old('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 value="{{ $class->entity->id }}" selected>{{ $class->entity->name }}</option>
                    </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">{{ old('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">{{ old('notes') }}</textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 mt-2">
            <a href="{{ route('std_students.index', $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('employeeAffairs.add')</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