@extends('layouts.app')

@section('content')
    <form action="{{ route('judgement-and-issues.prisoners.store') }}" class="col col-lg-9 pd-30" method="POST" id="form_request_ajax" enctype="multipart/form-data">
        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">تسجيل نزيل</h1>

            <button class="btn small primary">حفظ</button>

        </div>
        <!-- // Page Title -->

        @csrf

        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <div class="col-12 col-md-6">
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">المعلومات الاساسية</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->
                        <div class="flexbox divider-b mb-20">

                            <!-- Avatar Uploader -->
                            <div data-src="{{ asset('assets/img/avatar-uploader.svg') }}"
                                class="px-uploader avatar-uploader px-media radius-g" data-uploader="advanced">
                                <input  type="file" name="image" id="image" class="">

                            </div>
                            <!-- Form Controls -->

                            <div class="col-10 pds-15">
                                <div class="col form-group justify-content-around">
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="first_name" id="first_name" placeholder="الاسم الأول" value="">
                                    </div>
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="second_name" id="second_name" placeholder="الاسم الثاني" value="">
                                    </div>
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="third_name" id="third_name" placeholder="الاسم الثالث" value="">
                                    </div>
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="fourth_name" id="fourth_name" placeholder="الاسم الرابع" value="">
                                    </div>
                                </div>

                                <!-- Form Control -->
                                <select class="req" name="identity_type">
                                    <option value="">-- اختيار نوع الهويه --</option>
                                    @foreach ( config('static.identity_type') as $key => $id_type)
                                        <option>
                                            {{ $id_type }}
                                        </option>
                                    @endforeach
                                </select>

                            </div>

                            <label class="col-12 mb-15">رقم الهوية</label>

                            <div class="row" dir="ltr">
                                @for ($i = 0; $i < 10; $i++)
                                    <input type="text" data-name_inp="id_number"
                                        style=" display: inline-block;margin-left: 5px; " value=""
                                        maxlength="1" min="0" max="9"
                                        class="inp_repate check_input inp_arr_id_number_{{ $i + 1 }}   inp_repate_id_number_num_{{ $i + 1 }} col-1"
                                        data-inp_repate_num="{{ $i + 1 }}" name="identity_number[{{ $i }}]">
                                @endfor
                            </div>
                        </div>
                        <!-- // Controls Group -->

                        <!-- Controls Group -->
                        <div class="flexbox align-center-y">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">تاريخ الميلاد</label>
                            <div class="col-9  pos-rel">
                                <input type="text" class="date-hijri req" name="date_of_birth_hijri" id="date_of_birth_hijri"
                                    placeholder="" value="">
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">مكان الميلاد</label>
                            <input type="text" class="col-9 req" name="place_of_birth"
                                value="">

                            <!-- Form Control -->
                            <label class="col-3 mb-15">الجنسية</label>
                            <div class="form-group col-9" dir="rtl">
                                <!-- Form Control -->
                                <select name="nationality_id" id="nationality_id" class="form-control advanced-select req">
                                    <option value="">-- اختيار --</option>
                                    @foreach ($nationalites as $key => $nationality)
                                        <option value="{{ $nationality->id }}">
                                            {{ $nationality->name }}</option>
                                    @endforeach
                                </select>
                                <!-- Form Control -->
                            </div>

                            <label class="col-3 mb-15">الجنسية الاخرى</label>
                            <div class="form-group col-9" dir="rtl">
                                <!-- Form Control -->
                                <select name="other_nationality_id" id="nationality2_id" class="form-control advanced-select req">
                                    <option value="">-- اختيار --</option>
                                    @foreach ($nationalites as $key => $nationality)
                                        <option value="{{ $nationality->id }}">
                                            {{ $nationality->name }}</option>
                                    @endforeach
                                </select>
                                <!-- Form Control -->
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">الحالة الاجتماعية</label>
                            <div class="form-group col-9">
                                <!-- Form Control -->
                                <select class="col-6 req" name="marital_status">
                                    <option value="">-- اختيار --</option>
                                    @foreach ( config('static.marital_status') as $key => $value)
                                        <option value="{{ $key }}">{{ $value }}</option>
                                    @endforeach
                                </select>
                                <!-- Form Control -->
                                <input type="number" name="children_count" placeholder="عدد الابناء" class="col-6"
                                    value="" max="20">
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">الديانة</label>
                            <select class="col-9 req" name="religion" id="religion">
                                <option value="">-- اختيار --</option>
                                @foreach ( config('static.religion') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">الجنس</label>
                            <select class="col-9 req" name="gender" id="gender">
                                <option value="">-- اختيار --</option>
                                @foreach ( config('static.gender') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">الملف الاول</label>
                            <div data-placeholder="تحميل الملف الاول" data-btn="اختيار ملف" class="px-uploader col-9"
                                data-uploader="standard">
                                <input type="file" name="prisoner_file1" accept="application/pdf">
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">الملف الثاني</label>
                            <div data-placeholder="تحميل الملف الثاني" data-btn="اختيار ملف" class="px-uploader col-9"
                                data-uploader="standard">
                                <input type="file" name="prisoner_file2" accept="application/pdf">
                            </div>
                            @if (isset($prisoners->file) && !empty($prisoners->file))
                                <a href="{{ url('prisoners/showfile1/' . $prisoners->prisoner_id . ' ') }}"
                                    class="tail-btn white-bg display-block fas fa-file pdx-10 pdy-20 mb-15 radius-g"
                                    target="_blank">مشاهدة الملف الاول</a>
                            @endif
                            @if (isset($prisoners->file2) && !empty($prisoners->file2))
                                <a href="{{ url('prisoners/showfile2/' . $prisoners->prisoner_id . ' ') }}"
                                    class="tail-btn white-bg display-block fas fa-file pdx-10 pdy-20 mb-15 radius-g"
                                    target="_blank">مشاهدة الملف الثاني</a>
                            @endif
                            <!-- // Form Control -->
                        </div>
                        <!-- // Controls Group -->
                    </div>
                    <!-- // Content -->
                </div>
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">مــن ذوي الاحتياجات
                        الخاصة</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->
                        <div class="flexbox align-center-y">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">من ذوي الاحتياجات</label>
                            <!-- Form Group -->
                            <div class="form-group col-9">
                                <!-- Form Control -->
                                <select class="col-4 " name="with_special_needs" id="check_has_disability">
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم
                                    </option>
                                    <option value="0">لا
                                    </option>
                                </select>
                                <!-- Form Control -->
                                <input type="text" disabled
                                    value=""
                                    name="disability_proof_source" placeholder="اسم / عنوان الجهة المصدرة للخطاب"
                                    class="col-8 check_has_disability">
                            </div>
                            <!-- Form Control -->
                            <label class="col-3 mb-10 align-self-start">وصف الإعاقة</label>
                            <textarea placeholder="اكتب الوصف هنا" name="disability_details" class="col-9 small check_has_disability"
                                disabled></textarea>
                            <!-- Form Control -->
                            <label class="col-3 mb-15">نوع الاعاقة</label>
                            <select class="col-9 check_has_disability" name="disability_type_id" id="handicap_id"
                                disabled>
                                <option value="">-- اختيار --</option>
                                @foreach ($disabilityTypes as $type)
                                    <option value="{{ $type->id }}">{{ $type->name }}</option>
                                @endforeach
                            </select>
                            <!-- Form Control -->
                            <label class="col-3 mb-15">درجة الإعاقة</label>
                            <select name="disability_percentage" class="col-9 check_has_disability" id=""
                                disabled>
                                <option value="">اختر</option>
                                @foreach (config('static.disability_percentage') as $key => $percentage)
                                    <option value="{{ $key }}">{{ $percentage }}</option>
                                @endforeach
                            </select>
                            <!-- Form Control -->
                            <label class="col-3 mb-15">رقم الخطاب</label>
                            <div class="col-9 pos-rel">
                                <input type="number" name="disability_proof_number" id="disability_proof_number"
                                class="check_has_disability" placeholder=""
                                value="">
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">تاريخ الخطاب</label>
                            <div class="col-9 pos-rel">
                                <input type="text" disabled name="disability_proof_date_hijri" id="letter_date"
                                    class="date-hijri check_has_disability" placeholder=""
                                    value="">
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">جهة الاثبات </label>
                            <!-- File Uploader -->
                            <div data-placeholder="صورة شعار الجهة المصدرة للخطاب ان وجد" data-btn="اختيار ملف"
                                class="px-uploader col-9" data-uploader="standard">
                                <input type="file" name="letter_file" class="check_has_disability"
                                    disabled>
                            </div>
                            <!-- // File Uploader -->
                        </div>
                        <!-- // Controls Group -->
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->

                {{-- Vistors Informations --}}
                <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">

                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> معلومات الزوار </h3>

                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->
                        <div class="flexbox align-center-y">

                            <label class="col-3 mb-10 align-self-start">المسموح لهم بالزيارة</label>
                            <textarea
                                placeholder="اكتب المسموح لهم بالزيارة هنا"
                                name="allowed_visitors"
                                class="col-9 small"></textarea>
                            <span style="color:red ;  font-size:12px" class="msg msg_allowed_visitors"></span>

                            <label class="col-3 mb-10 align-self-start">غير المسموح لهم بالزيارة </label>
                            <textarea
                                placeholder="اكتب غير المسموح لهم بزيارة المسجون هنا"
                                name="not_allowed_visitors"
                                class="col-9 small"></textarea>
                            <span style="color:red ;  font-size:12px" class="msg msg_not_allowed_visitors"></span>

                            <label class="col-3 mb-10 align-self-start">ملاحظات</label>
                            <textarea
                                placeholder="اكتب ملاحظات هنا"
                                name="notes"
                                class="col-9 small"></textarea>
                            <span style="color:red ;  font-size:12px" class="msg msg_notes"></span>

                        </div>

                    </div>

                </div>
                {{-- End Vistors Informations --}}
            </div>
            <!-- Column -->
            <div class="col-12 col-md-6">
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات اخري</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->
                        <div class="flexbox align-center-y">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">الحالة الاقتصادية</label>
                            <select class="col-9 req" name="economic_status">
                                <option value="">-- اختيار --</option>
                                @foreach ( config('static.economic_status') as $value)
                                    <option>{{ $value }}</option>
                                @endforeach
                            </select>
                            <!-- Form Control -->
                            <label class="col-3 mb-15">نوع السكن</label>
                            <!-- Form Control -->
                            <select class="col-9 req" name="living_type">
                                <option value="">-- اختيار --</option>
                                @foreach (config('static.living_type') as $key => $type)
                                    <option value="{{ $key }}"> {{ $type }} </option>
                                @endforeach
                            </select>
                            <!-- Form Control -->
                            <label class="col-3 mb-15">حالة السكن</label>
                            <select class="col-9 req" name="living_status">
                                <option value="">-- اختيار --</option>
                                @foreach (config('static.living_status') as $key => $status)
                                    <option value="{{ $key }}"> {{ $status }} </option>
                                @endforeach
                            </select>

                            <label class="col-3 mb-15">جهة العمل</label>
                            <input type="text" class="col-9 req" name="workplace"
                                value="">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">المهنة</label>
                            <select class="col-9 req" name="profession">
                                <option value="">-- اختيار --</option>
                                @foreach (config('static.profession') as $key => $profession)
                                    <option value="{{ $key }}"> {{ $profession }} </option>
                                @endforeach
                            </select>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">المؤهل العلمي</label>
                            <select class="col-9 req" name="qualification">
                                <option value="">-- اختيار --</option>
                                @foreach (config('static.qualification') as $qualification)
                                    <option>{{ $qualification }}</option>
                                @endforeach
                            </select>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">فصيلة الدم</label>
                            <select class="col-9 req" name="blood_type">
                                <option value="">-- اختيار --</option>
                                @foreach (config('static.blood_type') as $blood_type)
                                    <option>{{ $blood_type }}</option>
                                @endforeach
                            </select>
                            <!-- Form Control -->
                            <label class="col-3 mb-15">يعمل معلما للقرأن</label>
                            <select class="col-9 req" name="is_quran_teacher" id="is_quran_teacher">
                                <option value="">-- اختيار --</option>
                                <option value="1">نعم</option>
                                <option value="0">لا</option>
                            </select>
                            <!-- // Form Control -->
                        </div>
                        <!-- // Controls Group -->
                    </div>
                    <!-- // Content -->
                </div>
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات الإقامة
                        والاتصال</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->
                        <div class="flexbox align-center-y">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">عنوان السكن</label>
                            @foreach (config('static.address') as $key => $val)
                                <input type="text" name="{{ $key }}"
                                    class="col-12 req inp_arr_address_{{ $key }}"
                                    placeholder="{{ $val }}"
                                    value="">
                            @endforeach


                            <!-- Form Control -->
                            <label class="col-12 mb-15">رقم الجوال</label>

                            <div class="row" dir="ltr">
                                @for ($i = 0; $i < 10; $i++)
                                    <input type="text" data-name_inp="mobile"
                                        style=" display: inline-block;margin-left: 5px;" value=""
                                        maxlength="1" min="0" max="9"
                                        class="inp_repate  inp_arr_mobile_{{ $i + 1 }}   inp_repate_mobile_num_{{ $i + 1 }} col-1"
                                        data-inp_repate_num="{{ $i + 1 }}" name="mobile_number[]">
                                @endfor
                            </div>

                            <!-- Form Control -->
                            <label class="col-12 mb-15"> هاتف ثابت </label>

                            <div class="row" dir="ltr">
                                @for($i = 0; $i < 10; $i++)
                                    <input type="text" data-name_inp="mobile2"
                                        style=" display: inline-block;margin-left: 5px;" value=""
                                        maxlength="1" min="0" max="9"
                                        class="inp_repate  inp_arr_mobile2_{{ $i + 1 }}   inp_repate_mobile2_num_{{ $i + 1 }} col-1"
                                        data-inp_repate_num="{{ $i + 1 }}" name="mobile_number2[]">
                                @endfor
                            </div>

                            <!-- Form Control -->
                            <label class="col-3 mb-15">رقم الملف</label>
                            <input type="text" name="file_number" class="col-9 req" placeholder=" "
                                value="">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">رقم النزيل بالسجن</label>
                            <input type="number" name="prisoner_number" class="col-9"
                                value="">
                            <!-- Form Control -->
                            <label class="col-3 mb-15">السجن</label>
                            <!-- Form Group -->
                            <div class="form-group col-9">
                                <!-- Form Control -->
                                <select class="col-12" name="prison_id" id="prisons">
                                    <option value="">-- اختيار السجن --</option>
                                    @foreach ($prisons as $prison)
                                        <option value="{{ $prison->id }}" @selected(optional(auth()->user()->prison)->id == $prison->id)>
                                            {{ $prison->name }}</option>
                                    @endforeach

                                </select>

                            </div>
                            <!-- // Form Group -->

                            <label class="col-3 mb-15">بيانات العنبر </label>
                            <!-- Form Group -->
                            <div class="form-group col-9">
                                <!-- Form Control -->
                                <select class="col-6" name="prison_section_id" id="prison_section_id">
                                    <option value="">-- اختيار العنبر --</option>
                                </select>
                                <!-- Form Control -->
                                <select class="col-6" name="prison_room_id" id="prison_room_id">
                                    <option value="">-- الغرفه --</option>
                                </select>
                            </div>
                            <!-- // Form Group -->
                        </div>
                        <!-- // Controls Group -->
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->


            </div>

            <!-- Submit Button -->
            <div class="col col-lg-6 ms-10 me-10 flexbox align-center-y">
                <input type="submit" value="حفظ البيانات" class="btn col-6 primary">
            </div>
        </div>
        <!-- // Grid -->
    </form>




@endsection
@section('script')
    <script src="{{ asset('assets/js/repate-inputs_old.js') }}"></script>
    <script src="{{ asset('assets/js/pages/prisoner.js') }}"></script>

@endsection