@extends('layouts.app')

@section('content')
    <form action="{{ route('out.emergency-exit.register_return_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"
                                    style="text-align: right ">
                                    <option value="">-- أختر -- </option>
                                    @foreach (config('static_prisoner_out.exit_cause_emergency') as $key => $value)
                                        <option value="{{ $key }}" @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 data-url="" class="req" name="" id=""
                                        placeholder="" value="{{ $emergency_exit_out->out_date_hijri }}">
                                </div>
                            </div>

                            <!-- column -->

                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">وقت الخروج</label>
                                <div class="pos-rel">
                                    <input disabled data-url="" class=" req" name="" id=""
                                        placeholder=""
                                        value="{{ str_replace(['am', 'pm'], ['صباحا', 'مساءا'], \Carbon\Carbon::parse(date('Y-m-d') . $emergency_exit_out->out_time)->format('h:i a')) }}">
                                </div>
                            </div>

                            <!-- column -->


                            <!-- column -->
                            <div class="col-12 col-md-4">
                                <!-- Form Control -->
                                <label for="">مدة الخروج</label>
                                <select disabled data-url="" 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">


                            <!-- 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="return_date_hijri"
                                        id="return_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="return_time" id="return_time" placeholder="" value="">
                                </div>
                            </div>
                        </div>

                        <div class="row acceptable_excuse_and_not_acceptable_excuse hidden">
                            <div class="col-12 col-md-3">
                                <label class="checkbox fs-13 pds-15">
                                    <input type="radio" name="delays_and_excuses" data-parent="during_letter_source"
                                        class="check-toggle" data-target="delays_and_excuses" date-requered="1"
                                        value="acceptable_excuse">
                                    <span>قدم عذر مقبول</span>

                                </label>

                            </div>

                            <div class="col-12 col-md-3">
                                <label class="checkbox fs-13 pds-15">
                                    <input type="radio" name="delays_and_excuses" data-parent="during_letter_source"
                                        class="check-toggle" data-target="delays_and_excuses" date-requered="1"
                                        value="not_acceptable_excuse">
                                    <span>قدم عذر غير مقبول</span>
                                </label>

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

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

            <input type="hidden" value="{{ $emergency_exit_request->id }}" name="emergency_exit_request_id">
            <!-- // 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>

    </form>
@endsection

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

    <script>
        $(function() {
            $("#return_date_hijri , #return_time").on("focusout", function() {
                var date_val = $("#return_date_hijri").val();
                if (Date.parse(date_val) < Date.parse("{{ $emergency_exit_out->out_date_hijri }}")) {
                    Phenix(document).notfications({
                        message: "لايمكن أن يكون تاريخ العودة قبل تاريخ الخروج",
                        type: 'error',
                        duration: 5000,
                    });

                } else {


                    var time_val = $("#return_time").val();

                    if (date_val && time_val) {
                        $.ajax({
                            url: "{{ route('out.get-check_time') }}?return_date_hijri=" +
                                date_val + "&return_time=" + time_val +
                                "&emergency_exit_request_id={{ $emergency_exit_request->id }}",
                            success: function(res) {
                                console.log(res)
                                if (!res.data.status) {
                                    $(".acceptable_excuse_and_not_acceptable_excuse")
                                        .removeClass('hidden')
                                    Phenix(document).notfications({
                                        message: res.data.message,
                                        type: 'error',
                                        duration: 5000,
                                    });
                                } else
                                    $(".acceptable_excuse_and_not_acceptable_excuse")
                                    .addClass('hidden')
                            },
                            error: function(res) {
                                $("#loader").hide();
                                $("#loader2").hide();

                                Phenix(document).notfications({
                                    message: "خطأ ما حدث فى حساب الوقت",
                                    type: 'error',
                                    duration: 5000,
                                });
                            }
                        })
                    }



                }


            })
        })
    </script>
@endsection