@extends('layouts.admin-master')

@section('title')
    إضافة طالب جديد
@endsection


@section('styles')

@endsection


@section('content')
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif


            @if (session('messages'))
                <div class="alert alert-success">{{session('messages')}}</div>
            @endif
<div id='loader'>
    <div id='spinnerLoad' class="spinner-border text-primary" role="status">
            <span class="visually-hidden">Loading...</span>
    </div>
</div>

<form action="{{ route('admin.user.insert') }}" method="POST" enctype="multipart/form-data">
    @csrf

    @method('POST')
    <input type="hidden" value="{{csrf_token()}}" name="_token" id="token">
    <div class="row g-5">
        <div class="col-sm-3">
            <label for="first_name" class="form-label">
                الاسم الأول (اجباري)
            </label>
            <input type="text" class="form-control" name="first_name" id="first_name" placeholder="" value="{{old('first_name')}}" >
            @error('first_name')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="first_name" class="form-label">
                الكنية (اجباري)
            </label>
            <input type="text" class="form-control" name="last_name" id="last_name" placeholder="" value="{{old('last_name')}}" >
            @error('last_name')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="first_name_en" class="form-label">
                الاسم الأول بالانكليزي (اجباري)
            </label>
            <input type="text" class="form-control" name="first_name_en" id="first_name_en" placeholder="" value="{{old('first_name_en')}}" >
            @error('first_name_en')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="last_name_en" class="form-label">
                الكنية بالانكليزي (اجباري)
            </label>
            <input type="text" class="form-control" name="last_name_en" id="last_name_en" placeholder="" value="{{old('last_name_en')}}" >
            @error('last_name_en')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
    </div><!-- /row -->
    <hr class="my-2">
    <div class="row g-5">

        <div class="col-sm-3">
            <label for="father" class="form-label">
                اسم الأب (اجباري)

            </label>
            <input type="text" class="form-control" name="father" id="father" placeholder="" value="{{old('father')}}" >
            @error('father')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="mother" class="form-label">
                اسم الأم (اجباري)

            </label>
            <input type="text" class="form-control" name="mother" id="mother" placeholder="" value="{{old('mother')}}" >
            @error('mother')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="mother_lastname" class="form-label">
                كنية الأم  (اجباري)

            </label>
            <input type="text" class="form-control" name="mother_lastname" id="mother_lastname" placeholder="" value="{{old('mother_lastname')}}" >
            @error('mother_lastname')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
    </div><!-- /row -->
    <hr class="my-2">
    <div class="row g-5">
        <div class="col-sm-3">
            <label for="birth_place" class="form-label">
                مكان الولادة
            </label>
            <input type="text" class="form-control" name="birth_place" id="birth_place" placeholder="" value="{{old('birth_place')}}" >
            @error('birth_place')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="birth_date" class="form-label">
                تاريخ الولادة
            </label>
            <input type="text" class="form-control" name="birth_date" id="datepicker-action"  placeholder="" value="{{old('birth_date')}}" data-date-format="yyyy-mm-dd">
            @error('birth_date')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="gender_id" class="form-label">
                الجنس
            </label>
            <select class="form-select d-block w-50 bg-light pl-20 p-1 mb-3" name="gender_id" id="gender_id" >
                <option value="">اختيار...</option>
                @foreach ($genders as $gender)
                    @if (old('gender_id') == $gender->id)
                        <option value="{{ $gender->id }}" selected>{{ $gender->name }}</option>
                    @else
                        <option value="{{ $gender->id }}">{{ $gender->name }}</option>
                    @endif
                @endforeach
            </select>
            @error('gender_id')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="nationalid" class="form-label">
                الرقم الوطني
            </label>
            <input type="text" class="form-control" name="nationalid" id="nationalid" placeholder="" value="{{old('nationalid')}}" >
            @error('nationalid')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
    </div><!-- /row -->
    <hr class="my-2">
    <div class="row g-5">
        <div class="col-sm-3">
            <label for="nation_id" class="form-label">
                الجنسية  (اجباري)
            </label>
            <select class="form-select d-block w-50 bg-light pl-20 p-1 mb-3" name="nation_id" id="nation_id" >
                <option value="">اختيار...</option>
                @foreach ($nations as $nation)
                    @if (old('nation_id') == $nation->id)
                        <option value="{{ $nation->id }}" selected>{{ $nation->name }}</option>
                    @else
                        <option value="{{ $nation->id }}">{{ $nation->name }}</option>
                    @endif
                @endforeach
            </select>
            @error('nation_id')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="passportid" class="form-label">
                رقم جواز السفر
            </label>
            <input type="text" class="form-control" name="passportid" id="passportid" placeholder="" value="{{old('passportid')}}" >
            @error('passportid')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="country_id" class="form-label">
                بلد الإقامة  (اجباري)
            </label>
            <select class="form-select d-block w-50 bg-light pl-20 p-1 mb-3" name="country_id" id="country_id" >
                <option value="">اختيار...</option>
                @foreach ($countries as $country)
                    @if (old('country_id') == $country->id)
                        <option value="{{ $country->id }}" selected>{{ $country->name }}</option>
                    @else
                        <option value="{{ $country->id }}">{{ $country->name }}</option>
                    @endif
                @endforeach
            </select>
            @error('country_id')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="address" class="form-label">
                المدينة
            </label>
            <input type="text" class="form-control" name="address" id="address" placeholder="" value="{{old('address')}}" >
            @error('address')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
    </div><!-- /row -->
    <hr class="my-2">
    <div class="row g-5">
        <div class="col-sm-3">
            <label for="last_class" class="form-label">
                آخر صف دراسي تم اجتيازه (اجباري)
            </label>
            <input type="text" class="form-control" name="last_class" id="last_class" placeholder="" value="{{old('last_class')}}" >
            @error('last_class')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="sclass_id" class="form-label">
                الصفّ المراد التسجيل فيه
            </label>
            <select class="form-select d-block w-100 bg-light pl-20 p-1 mb-3" name="sclass_id" id="sclass_id" >
                <option value="">اختيار...</option>
                @foreach ($sclasses as $sclass)
                    @if ($sclass->id == 1 or $sclass->id==4)
                        @if (old('sclass_id') == $sclass->id)
                            <option value="{{ $sclass->id }}" selected>{{ $sclass->name }}</option>
                        @else
                            <option value="{{ $sclass->id }}">{{ $sclass->name }}</option>
                        @endif
                    @else
                    <option value="{{ $sclass->id }}" class="d-none">{{ $sclass->name }}</option>
                    @endif

                @endforeach
            </select>
            @error('sclass_id')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="phone" class="form-label">
                رقم هاتف للتواصل عبر الواتساب (اجباري)
            </label>
            <input type="text" class="form-control" name="phone" id="phone" placeholder="" value="{{old('phone')}}" >
            @error('phone')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
        <div class="col-sm-3">
            <label for="email" class="form-label">
                البريد الإلكتروني
            </label>
            <input type="email" class="form-control" name="email" id="email" placeholder="you@example.com" value="{{old('email')}}">
            @error('email')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
            <small></small>
        </div>
    </div><!-- /row -->



    <hr class="my-2">
    <div class="row g-5">
        <div class="col-sm-4">
            <label for="certificate">صورة اخر شهادة علمية</label>
            <input type="file" name="certificate" id="certificate" class="form-control @error('certificate') is-invalid @enderror">
            @error('certificate')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-sm-4">
            <label for="personalpic">صورة الطالب - خلفية بيضاء</label>
            <input type="file" name="personalpic" id="personalpic" class="form-control @error('personalpic') is-invalid @enderror">
            @error('personalpic')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-sm-4">
            <label for="passportpic">صورة جواز السفر</label>
            <input type="file" name="passportpic" id="passportpic" class="form-control @error('passportpic') is-invalid @enderror">
            @error('passportpic')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
    </div><!-- /row -->
    <hr class="my-4">
    <div class="row g-5">
        <div class="col-sm-4">
            <label for="birthpic">صورة إخراج القيد / شهادة الميلاد</label>
            <input type="file" name="birthpic" id="birthpic" class="form-control @error('birthpic') is-invalid @enderror">
            @error('birthpic')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-sm-4">
            <label for="fatherpic">صورة جواز سفر الأب</label>
            <input type="file" name="fatherpic" id="fatherpic" class="form-control @error('fatherpic') is-invalid @enderror">
            @error('fatherpic')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-sm-4">
            <label for="motherpic">صورة جواز سفر الأم</label>
            <input type="file" name="motherpic" id="motherpic" class="form-control @error('motherpic') is-invalid @enderror">
            @error('motherpic')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>

    </div><!-- /row -->
    <hr class="my-2">
    <div class="row g-5">
        <div class="col-sm-3">

        </div>
        <div class="col-sm-3">

        </div>
        <div class="col-sm-3">

        </div>
        <div class="col-sm-3">
        </div>
    </div><!-- /row -->
    <hr class="my-2">
    <div class="row g-5">
        <div class="col-sm-4">

        </div>
        <div class="col-sm-4">

        </div>
        <div class="col-sm-4">

        </div>

    </div><!-- /row -->

    </div>
        <hr class="my-4">
        <button class="w-100 btn btn-primary btn-lg" type="submit" >تسجيل</button>
        {{-- <input type="submit" value="Submit"> --}}
</form>
@endsection