@extends('layouts.admin.master')

@section('title')
    {{ __('student.student') }}
@endsection

@push('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
@endpush

@section('content')
    @component('components.breadcrumb')
        @slot('breadcrumb_title')
            <h3>{{ __('student.student') }}</h3>
        @endslot

        <li class="breadcrumb-item"><a href="{{ route('students.index') }}">{{ __('student.student') }}</a></li>
        <li class="breadcrumb-item active"> {{ __('student.student_edit') }}</li>
    @endcomponent


    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header pb-0">
                        <h5>{{ __('master.data') }}</h5>
                    </div>
                    <div class="card-body">
                        <form class="needs-validation" novalidate="" method="post"
                            action="{{ route('students.update', $student->id) }}" enctype="multipart/form-data">
                            @csrf
                            @method('patch')


                            <div class="row g-2">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label" for="validationCustom01">{{ __('First Name') }}</label>
                                    <input class="form-control" id="validationCustom01" type="text" required=""
                                        value="{{ old('first_name') ? old('first_name') : $student->first_name }}"
                                        name="first_name" placeholder="ex: Mohamed" />
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label" for="validationCustomLastName">{{ __('Last Name') }}</label>
                                    <input class="form-control" id="validationCustomLastName" type="text" required=""
                                        value="{{ old('last_name') ? old('last_name') : $student->last_name }}"
                                        name="last_name" placeholder="ex: Samy" />
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                            </div>


                            <div class="row g-2">
                                <div class="col-md-6">
                                    <label class="form-label" for="validationCustom03">{{ __('Phone') }}</label>
                                    <input class="form-control" id="validationCustom03" type="text" name="phone"
                                        value="{{ old('phone') ? old('phone') : $student->phone }}" required="" />
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="form-label" for="validationCustom04">{{ __('Email') }}</label>
                                    <input class="form-control" id="validationCustom04" type="email" name="email"
                                        value="{{ $student->email }}" required="" />
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>

                            </div>

                            <div class="row g-1">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label" for="validationCustomBirthday">{{ __('Birthday') }}</label>
                                    <input class="datepicker-here form-control digits" type="text" data-language="en"
                                        id="validationCustomBirthday" name="birthday"
                                        value="{{ old('birthday') ? old('birthday') : $student->birthday }}" />
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                            </div>

                            <div class="row g-1">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label" for="validationDefaultgenders">{{ __('genders') }}</label>
                                    <select class="form-select" id="validationDefaultgenders" required="" name="genders">
                                        <option value="male" selected
                                            {{ old('genders') ? (old('genders') == 'male' ? 'selected' : '') : ($student->genders == 'male' ? 'selected' : '') }}>
                                            {{ __('Male') }}</option>
                                        <option value="female"
                                            {{ old('genders') ? (old('genders') == 'female' ? 'selected' : '') : ($student->genders == 'female' ? 'selected' : '') }}>
                                            {{ __('Female') }}</option>
                                    </select>
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                            </div>


                            <div class="row g-1">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label" for="validationNationality">{{ __('Nationality') }}</label>
                                    <select class="form-select" id="validationNationality" name="nationality_id">
                                        @foreach ($nathinalties as $nationality)
                                            <option value="{{ $nationality->id }}"
                                                {{ old('nationality_id') ? (old('nationality_id') == $nationality->id ? 'selected' : '') : ($student->nationality_id == $nationality->id ? 'selected' : '') }}>
                                                {{ $nationality->name }}</option>
                                        @endforeach

                                    </select>
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                            </div>

                            <div class="row g-1">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label"
                                        for="validationCustomreferred_by">{{ __('Referred By') }}</label>
                                    <input class="form-control" id="validationCustomreferred_by" type="text"
                                        name="referred_by" placeholder=""
                                        value="{{ old('referred_by') ? old('referred_by') : $student->referred_by }}" />
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                            </div>

                            <div class="row g-1">
                                <div class="col-md-12 mb-3">
                                    <label class="form-label" for="validationDefault04">{{ __('Status') }}</label>
                                    <select class="form-select" id="validationDefault04" required="" name="status">
                                        <option value="active"
                                            {{ old('status') ? (old('status') == 'active' ? 'selected' : '') : ($student->status == 'active' ? 'selected' : '') }}>
                                            {{ __('Active') }}</option>
                                        <option value="inactive"
                                            {{ old('status') ? (old('status') == 'inactive' ? 'selected' : '') : ($student->status == 'inactive' ? 'selected' : '') }}>
                                            {{ __('Inactive') }}</option>
                                    </select>
                                    <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                    <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                </div>
                            </div>


                            <button class="btn btn-primary" type="submit">حفظ</button>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>


    @push('scripts')
        <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
        <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.js') }}"></script>
        <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.en.js') }}"></script>
        <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.custom.js') }}"></script>
        @include('dashbord.include.imageScriptEdit')
    @endpush
@endsection