@extends('frontend.master')

@section('page_title')
    صفحة التسجيل
@endsection

@section('content')

    <div class="container pt-5 pb-4 ">
        <div class="row justify-content-center">
            <div class="col-md-12">

                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                @if ($message = Session::get('success'))
                    <div class="alert alert-success alert-block">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        <strong>{{ $message }}</strong>
                    </div>
                @endif


                <h3 style="text-align: center; margin-bottom: 30px; color:red;">إستمارة طلب الإلتحاق بالمدرسة للعام
                    الدراسي 2020 - 2021</h3>
                <div class="card">
                    <div class="card-body">

                        <form action="{{ route('student.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-6">
                                    <label>اسم الطالب</label>
                                    <input type="text" name="name_student" class="form-control"
                                        placeholder="أدخل اسم الطالب" value="{{ old('name_student') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>الرقم المدني</label>
                                    <input type="number" name="number_id" class="form-control" placeholder="الرقم المدني"
                                        value="{{ old('number_id') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>تاريخ الميلاد</label>
                                    <input type="date" name="date" class="form-control" placeholder="تاريخ الميلاد"
                                        value="{{ old('date') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>الجنسية</label>
                                    <input type="text" name="nationality" class="form-control" placeholder="الجنسية"
                                        value="{{ old('nationality') }}" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="inputState">المرحلة الدراسية</label>
                                    <select id="inputState" name="level" class="form-control" value="{{ old('level') }}"
                                        required>
                                        <option selected>اختر</option>
                                        <option>روضة</option>
                                        <option>تمهيدي</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="inputState">سبق له الدراسة</label>
                                    <select id="inputState" name="studied" class="form-control"
                                        value="{{ old('studied') }}" required>
                                        <option selected>اختر</option>
                                        <option>نعم</option>
                                        <option>لا</option>
                                    </select>
                                </div>
                                <div class="col-4">
                                    <label>اسم المدرسة السابقة</label>
                                    <input type="text" name="school" class="form-control" placeholder="اسم المدرسة السابقة"
                                        value="{{ old('school') }}" required>
                                </div>
                            </div>
                            <br>

                            <!------------------بيانات ولي الأمر--------------->

                            <h4 style="text-align: center; color:red;">بيانات ولي الأمر </h4>

                            <div class="row">
                                <div class="col-6">
                                    <label>اسم ولي الأمر</label>
                                    <input type="text" name="name_father" class="form-control" placeholder="اسم ولى الأمر"
                                        value="{{ old('name_father') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>رقم الهاتف</label>
                                    <input type="number" name="phone_father" class="form-control" placeholder="رقم الهاتف"
                                        value="{{ old('phone_father') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>الرقم المدني</label>
                                    <input type="number" name="number_id_father" class="form-control"
                                        placeholder="الرقم المدني" value="{{ old('number_id_father') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>الوظيفة</label>
                                    <input type="text" name="jop_father" class="form-control" placeholder="الوظيفة"
                                        value="{{ old('jop_father') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>مقر العمل</label>
                                    <input type="text" name="work_place_father" class="form-control" placeholder="مقر العمل"
                                        value="{{ old('work_place_father') }}" required>
                                </div>
                            </div>
                            <br>

                            <!------------------بيانات الأم--------------->

                            <h4 style="text-align: center; color:red;">بيانات الأم </h4>
                            <div class="row">
                                <div class="col-6">
                                    <label>اسم الام</label>
                                    <input type="text" name="name_mother" class="form-control" placeholder="اسم الأم"
                                        value="{{ old('name_mother') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>رقم الهاتف</label>
                                    <input type="number" name="phone_mother" class="form-control" placeholder="رقم الهاتف"
                                        value="{{ old('phone_mother') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>الرقم المدني</label>
                                    <input type="number" name="number_id_mother" class="form-control"
                                        placeholder="الرقم المدني" value="{{ old('number_id_mother') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>الوظيفة</label>
                                    <input type="text" name="jop_mother" class="form-control" placeholder="الوظيفة"
                                        value="{{ old('jop_mother') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>مقر العمل</label>
                                    <input type="text" name="work_place_mother" class="form-control" placeholder="مقر العمل"
                                        value="{{ old('work_place_mother') }}" required>
                                </div>
                            </div>
                            <br>

                            <!------------------بيانات الأقارب--------------->
                            <h4 style="text-align: center; color:red;">بيانات الأقارب </h4>

                            <div class="row">
                                <div class="col-6">
                                    <label>الإسم</label>
                                    <input type="text" name="name_kindre" class="form-control" placeholder="الإسم"
                                        value="{{ old('name_kindre') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>صلة القرابة</label>
                                    <input type="text" name="kindred" class="form-control" placeholder="صلة القرابة"
                                        value="{{ old('kindred') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>مكان السكن</label>
                                    <input type="text" name="Address" class="form-control" placeholder="مكان السكن"
                                        value="{{ old('Address') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>رقم الهاتف</label>
                                    <input type="number" name="mobile" class="form-control" placeholder="رقم الهاتف"
                                        value="{{ old('mobile') }}" required>
                                </div>
                            </div>
                            <br>

                            <!------------------البيانات الإجتماعية--------------->

                            <h4 style="text-align: center; color:red;">البيانات الإجتماعية </h4>

                            <div class="row">
                                <div class="col-4">
                                    <label>عدد أفراد الأسرة</label>
                                    <input type="number" name="number_family" class="form-control"
                                        placeholder="عدد أفراد الأسرة" value="{{ old('number_family') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>عدد الأخوة بنين</label>
                                    <input type="number" name="number_brother" class="form-control"
                                        placeholder="عدد الأخوة بنين" value="{{ old('number_brother') }}" required>
                                </div>
                                <div class="col-4">
                                    <label>عدد الأخوات</label>
                                    <input type="number" name="number_sister" class="form-control" placeholder="عدد الأخوات"
                                        value="{{ old('number_sister') }}" required>
                                </div>
                                <div class="col-6">
                                    <label>الترتيب بين الأخوة</label>
                                    <input type="text" name="Arrangement" class="form-control"
                                        placeholder="الترتيب بين الأخوة" value="{{ old('Arrangement') }}" required>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="inputState">حالة الوالدين</label>
                                    <select id="inputState" name="Status" class="form-control"
                                        value="{{ old('Status') }}" required>
                                        <option selected>اختر</option>
                                        <option>معاً</option>
                                        <option>مطلق</option>
                                        <option>أرمل</option>
                                    </select>
                                </div>

                            </div>
                            <br>

                            <!------------------بيانات السكن والمواصلات--------------->

                            <h4 style="text-align: center; color:red;">بيانات السكن والمواصلات </h4>

                            <div class="row">
                                <div class="col-6">
                                    <label>مكان السكن</label>
                                    <input type="text" name="home_place" class="form-control" placeholder="مكان السكن"
                                        value="{{ old('home_place') }}" required>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="inputState">وسيلة النقل</label>
                                    <select id="inputState" name="Transport" class="form-control"
                                        value="{{ old('Transport') }}" required>
                                        <option selected>اختر</option>
                                        <option>حافلة نقل الطلبة</option>
                                        <option>مشياً على الأقدام</option>
                                        <option>سيارة خاصة</option>
                                    </select>
                                </div>

                                <div class="col-12">
                                    <label>وصف السكن</label>
                                    <input type="text" name="description" class="form-control" placeholder="وصف السكن"
                                        value="{{ old('description') }}" required>
                                </div>

                                <div class="col-3 pt-4">
                                    <label class="form-label" for="customFile">إرفاق ملفات:</label>
                                    <input type="file" name="file_one" class="form-control" id="customFile" /
                                        value="{{ old('file_one') }}" required>
                                </div>
                                <div class="col-3 pt-4">
                                    <label class="form-label" for="customFile">إرفاق ملفات:</label>
                                    <input type="file" name="file_two" class="form-control" id="customFile" /
                                        value="{{ old('file_two') }}" required>
                                </div>
                                <div class="col-3 pt-4">
                                    <label class="form-label" for="customFile">إرفاق ملفات:</label>
                                    <input type="file" name="file_three" class="form-control" id="customFile" /
                                        value="{{ old('file_three') }}" required>
                                </div>
                                <div class="col-3 pt-4">
                                    <label class="form-label" for="customFile">إرفاق ملفات:</label>
                                    <input type="file" name="file_four" class="form-control" id="customFile" /
                                        value="{{ old('file_four') }}" required>
                                </div>

                            </div>
                            <br>

                            <!---------------------ملحوظة---------------------------->
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12 pt-1">

                                        <div class="form-check">
                                            <input type="checkbox" name="succses" class="form-check-input"
                                                id="exampleCheck1">
                                            <label class="form-check-label" for="exampleCheck1"
                                                style="margin-right: 22px;">أتعهد أنا ولي أمر الطالب بأن البيانات التي
                                                ذكرتها سابقاً صحيحة وتحت مسؤوليتي كما أؤكدأن التحاق ابنى بالمرحلة
                                                الدراسية المذكوره أعلاه برغبتي دون تحمل المدرسة أي مسؤولية كما أتعهد
                                                بتسديد الرسوم المتفق عليها في العقد المدرسي</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <br>
                            <button type="submit" class="btn btn-primary">أضف</button>
                        </form>


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

@endsection