@extends('layouts.app')

@section('content')
    <form action="{{ route('out.guarantee_exit.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf

        <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>

        <div class="row">

            <x-prisoner-info />

            {{-- <x-issue-info /> --}}

        </div>

        <div class="row">

            <div class="col-12">

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

                    <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">

                            <div class="col-12 col-md-12">
                                <label for="">سبب الخروج</label>
                                <textarea name="exit_reason" id="exit_reason" cols="30" rows="10"></textarea>
                            </div>

                            <div class="col col-lg-6">

                                <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-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>

                            <div class="col-12 col-md-12">
                                <label for="">معرفته بالنزيل</label>
                                <textarea name="prisoner_recognize" id="prisoner_recognize" cols="30" rows="10"></textarea>
                            </div>


                            <div class="col col-lg-6">

                                <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="{{ $key }}"
                                                class="col-12  inp_arr_address_{{ $key }}"
                                                placeholder="{{ $val }}" value="">
                                        </div>
                                    @endforeach
                                </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="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">

                                <div class="col col-lg-12">

                                    <label for="">مكان العمل</label>
                                    <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="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>

                            <div class="col-6">
                                <label for="">الجنسية</label>
                                <select name="nationality_id" id="nationality_id"
                                    class="form-control advanced-select req">
                                    <option value="">اختر</option>
                                    @foreach ($nationalities as $nationality)
                                        <option value="{{ $nationality->id }}">{{ $nationality->name }}</option>
                                    @endforeach

                                </select>
                            </div>

                            <div class="col-6">
                                <label for="">نوع الكفالة</label>
                                <select name="guarantee_type" id="guarantee_type"
                                    class="form-control advanced-select req">
                                    <option value="">اختر</option>
                                    @foreach (config('static_prisoner_out.type_guarantee') as $key => $value)
                                        <option value="{{ $key }}">{{ $value }}</option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- <div class="col-6">
                                <label for="">مبلغ الكفالة</label>
                                <input type="text" class="form-control" name="guarantee_amount" id="guarantee_amount"
                                    placeholder="مبلغ الكفالة" value="">

                            </div> --}}

                            <div class="col-6">
                                <label for="">مدة الخروج بالايام</label>
                                <input type="number" class="form-control req"
                                    data-url="{{ route('out.guarantee_exit.get_default_date') }}" name="exit_duration"
                                    id="exit_duration" placeholder="مدة الخروج بالايام" value="">
                            </div>

                            <div class="col-6">
                                <label for="">تاريخ الخروج</label>
                                <input type="text" class="date-hijri-open req"
                                    data-url="{{ route('out.guarantee_exit.get_default_date') }}" name="exit_date_hijri"
                                    id="exit_date_hijri" placeholder="تاريخ الخروج" value="">
                            </div>

                            <div class="col-6">
                                <label for="">وقت الخروج</label>
                                <input type="time" class="form-control" name="exit_time" id="exit_time"
                                    placeholder="وقت الخروج" value="">
                            </div>

                            <div class="col-6">
                                <label for="">تاريخ العودة المفترض</label>
                                <input type="text" class="date-hijri" name="expected_return_date_hijri" readonly
                                    id="expected_return_date_hijri" placeholder="تاريخ العودة" value="">

                            </div>

                            <div class="col-4">
                                <label for="">مصدر خطاب الموافقة علي الخروج</label>
                                <input type="text" class="form-control" name="approval_letter_source"
                                    id="approval_letter_source" placeholder="مصدر خطاب الموافقة علي الخروج"
                                    value="">
                            </div>

                            <div class="col-4">
                                <label for="">رقم خطاب الموافقة علي الخروج</label>
                                <input type="text" class="form-control" name="approval_letter_number"
                                    id="approval_letter_number" placeholder="رقم خطاب الموافقة علي الخروج"
                                    value="">
                            </div>

                            <div class="col-4">
                                <label for="">تاريخ خطاب الموافقة علي الخروج</label>
                                <input type="text" class="date-hijri" name="approval_letter_date_hijri"
                                    id="approval_letter_date_hijri" placeholder="تاريخ خطاب الموافقة علي الخروج"
                                    value="">
                            </div>

                            <div class="col-12">
                                <label for="">ملاحظات</label>
                                <textarea name="exit_notes" id="exit_notes" cols="30" rows="10"></textarea>
                            </div>

                        </div>
                    </div>

                </div>

            </div>

        </div>
    </form>
@endsection

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