@extends('layouts.app')

@section('content')
    <form action="{{ route('out.emergency-exit.register_out_submit', $emergency_exit_request->id) }}"
        class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf
        <!-- 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 -->

        <!-- Grid -->
        <div class="row">
            @include('outs.parts.prisoner_info', ['prisoner' => $prisoner, 'type' => 'not_be_modified'])
            <!-- Widget Block -->
            <div class="col-6">
                <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">
                        <!-- grid -->
                        <div class="row">
                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">سبب الخروج</label>
                                <select disabled name="" id="exit_cause" class="advanced-select req" dir="rtl"
                                    style="text-align: right;  ">
                                    <option value="">-- أختر -- </option>
                                    @foreach (config('static_prisoner_out.exit_cause_emergency') as $key => $value)
                                        <option value="{{ $key }}" dir="rtl" style=""
                                            @selected($emergency_exit_request->exit_cause == $key)>
                                            {{ $value }}
                                        </option>
                                    @endforeach

                                </select>
                            </div>
                            <div
                                class="col-12 col-md-4 exit_cause_other_description {{ $emergency_exit_request->exit_cause == 'other' ? '' : 'hidden' }}">
                                <!-- Form Control -->
                                <label for=""> سبب الخروج</label>
                                <input disabled type="text" placeholder="" name="" class="req"
                                    value="{{ $emergency_exit_request->exit_cause_other_description }}">
                            </div>


                            <!-- column -->
                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">تاريخ طلب الخروج</label>
                                <div class="pos-rel">
                                    <input disabled type="text" class="req" name="" id="request_date_hijri"
                                        placeholder="" value="{{ $emergency_exit_request->request_date_hijri }}">
                                    {{-- <input disabled data-url="{{ route('out.get-return_defualt_date_hijri') }}"
                                        type="text" class="date-hijri req" name="" id="request_date_hijri"
                                        placeholder="" value="{{ $emergency_exit_request->request_date_hijri }}"> --}}
                                </div>
                            </div>

                            <!-- column -->


                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">مدة الخروج</label>
                                <select disabled data-url="{{ route('out.get-return_defualt_date_hijri') }}" name=""
                                    id="duration" class="req">
                                    <option value="">-- أختر -- </option>
                                    <option @selected($emergency_exit_request->duration == '24') value="24">24 ساعة</option>
                                    <option @selected($emergency_exit_request->duration == '48') value="48">48 ساعة</option>
                                    <option @selected($emergency_exit_request->duration == '72') value="72">72 ساعة</option>
                                </select>
                            </div>



                            <div class="col-12 col-md-12">
                                <!-- Form Control -->
                                <label for="">ملاحظات</label>
                                <textarea disabled name="" id="" cols="30" rows="10">{{ $emergency_exit_request->notes }}</textarea>
                            </div>


                        </div>
                        <!-- // grid -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>

        </div>

        <!-- Grid-->
        <div class="row">




            <!-- Column -->
            <div class="col-12">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        بيانات الكفيل
                    </h3>

                    <div class=" widget-content pdx-20 ">
                        <div class="row kafil-container">

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">اسم </label>

                                <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>
                            </div>
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">معرفته بالنزيل</label>
                                <!-- Control Input -->
                                <input type="text" class="" name="prisoner_knowledge" placeholder="معرفته بالنزيل"
                                    value="">
                            </div>
                            <!-- Layout Column -->
                            <div class="col col-lg-3">

                                <label for="">عنوان السكن</label>

                                <div class="col form-group justify-content-nowrap">
                                    @foreach (config('static.address') as $key => $val)
                                        <div class="col-2">
                                            <input type="text" name="address[{{ $key }}]"
                                                class="col-12  inp_arr_address_{{ $key }}"
                                                placeholder="{{ $val }}" value="">
                                        </div>
                                    @endforeach
                                </div>


                            </div>
                            <div class="col-6">
                                <!-- Layout Column -->
                                <div class="col col-lg-12">
                                    <!-- Control Label -->
                                    <label for="">مكان العمل</label>
                                    <!-- Control Input -->
                                    <input type="text" class="" name="workplace" placeholder="مكان العمل"
                                        value="">
                                </div>
                            </div>
                            <div class="col-6">
                                <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  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>
                            <!-- Form Control -->
                            <div class="col-6">
                                <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[{{ $i }}]">
                                    @endfor
                                </div>
                            </div>
                            <div class="col-6">
                                <!-- 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>
                            </div>





                            <!-- Layout Column -->





                        </div>
                        <div class="row">
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">نوع الكفالة</label>
                                <select name="type_warranty" id="type_warranty" class="advanced-select req"
                                    style="text-align: right ">
                                    <option value="">-- أختر -- </option>
                                    @foreach (config('static_prisoner_out.type_warranty') as $key => $value)
                                        <option value="{{ $key }}">
                                            {{ $value }}
                                        </option>
                                    @endforeach

                                </select>
                            </div>

                            <!-- column -->
                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">تاريخ الخروج</label>
                                <div class="pos-rel">
                                    <input data-url="{{ route('out.get-return_defualt_date_hijri') }}" type="text"
                                        class="date-hijri-after-now-and-today req" name="out_date_hijri"
                                        id="out_date_hijri" placeholder="" value="">
                                </div>
                            </div>

                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">وقت الخروج</label>
                                <div class="pos-rel">
                                    <input data-url="{{ route('out.get-return_defualt_date_hijri') }}" type="time"
                                        class="" name="out_time" id="out_date_hijri" placeholder=""
                                        value="">
                                </div>
                            </div>


                        </div>
                    </div>

                </div>
                <!-- // Widget Block -->
            </div>



            <!-- // Column -->
            <div class="col-12 col-md-6">
                <!--  -->
                <label for="" class="color-transparent">..</label>
                <button class="btn fluid primary" tabindex="0" role="button" aria-pressed="false">ارسال
                    الطلب</button>
            </div>

        </div>

        <div class="row" style="margin-top:20px">
            <div class="col-12">
                <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">
                        <div>
                            <div class="row">

                                <div class="col-4">

                                    <div class="">
                                        <span>
                                            من تاريخ
                                        </span>
                                        <input type="text" id="start_date" name="" class="date-hijri"
                                            value="{{ request('start_date') }}">
                                    </div>
                                </div>

                                <div class="col-4">
                                    <div>
                                        <span>
                                            الى تاريخ
                                        </span>
                                        <input type="text" name="" id="end_date" class="date-hijri"
                                            value="{{ request('end_date') }}">
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div>
                                        <span>
                                            .
                                        </span>
                                        <input class="btn primary -color btn_search_date"
                                            style="display: block !important" type="button" value="تصفية بالتاريخ">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <!-- Prisoners Table -->
                        <div class="responsive-table">
                            <table class="table striped px-datatable bordered" data-page-length="10">
                                <!-- Table Head -->
                                <thead>
                                    <tr class="primary-bg fs-13">
                                        <th class="w-50 tx-align-center hide-sorting">#</th>

                                        <th class="tx-align-start">اسم النزيل</th>
                                        <th class="tx-align-start">رقم الهوية</th>
                                        <th class="tx-align-start">رقم النزيل</th>
                                        <th class="tx-align-start">الجنسية </th>
                                        <th class="tx-align-start">الجنس</th>
                                        <th class="tx-align-start">من ذوى الاحتياجات الخاصة</th>
                                        <th class="tx-align-start">السجن</th>
                                        <th class="tx-align-start">الغرفة</th>

                                        <th class="tx-align-start">سبب الخروج</th>
                                        <th class="tx-align-start">تاريخ طلب الخروج</th>
                                        <th class="tx-align-start">تاريخ خروج</th>
                                        <th class="tx-align-start">ملاحظات</th>

                                    </tr>
                                </thead>
                                <!-- Table Body -->
                                <tbody class="fs-13">
                                    @foreach ($data as $item)
                                        <tr>
                                            <th class="tx-align-center">{{ $loop->iteration }} </th>
                                            <th class="tx-align-center">{{ $item->prisoner->full_name }} </th>
                                            <th class="tx-align-center">{{ $item->prisoner->identity_number }} </th>
                                            <th class="tx-align-center">
                                                {{ $item->prisoner->prisoner_detail->prisoner_number }} </th>
                                            <th class="tx-align-center">{{ $item->prisoner->nationality->name }} </th>
                                            <th class="tx-align-center">
                                                {{ config('static.gender.' . $item->prisoner->gender) }} </th>
                                            <th class="tx-align-center">
                                                {{ $item->prisoner->with_special_needs ? 'نعم' : 'لا' }} </th>
                                            <th class="tx-align-center">
                                                {{ $item->prisoner->prison->name . ' -  ' . $item->prisoner->prison_section->name }}
                                            </th>
                                            <th class="tx-align-center">{{ $item->prisoner->prison_room->name }} </th>
                                            <th class="tx-align-center">
                                                @if ($item->exit_cause == 'other')
                                                    {{ $emergency_exit_request->exit_cause_other_description }}
                                                @else
                                                    {{ $exit_cause = config('static_prisoner_out.exit_cause_emergency.' . $emergency_exit_request->exit_cause) }}
                                                @endif
                                            </th>
                                            <th class="tx-align-center">
                                                {{ $item->emergency_exit_request->request_date_hijri }} </th>
                                            <th class="tx-align-center">{{ $item->out_date_hijri }} </th>
                                            <th class="tx-align-center">{{ $item->emergency_exit_request->notes }} </th>


                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>

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

    </form>



    <!-- // Prisoners Table -->
@endsection

@section('script')
    <script src="{{ asset('assets/js/repate-inputs_old.js') }}"></script>
    <script>
        $(function() {
            $(".btn_search_date").click(function() {
                window.location.href =
                    "{{ route('out.emergency-exit.register_out', $emergency_exit_request->id) }}?start_date=" +
                    $("#start_date").val() + "&end_date=" + $("#end_date").val()
            })
        })
    </script>
@endsection