@extends('layouts.app')

@section('content')

<form action="{{ $action }}" class="col col-lg-9 pd-30" id="submitForm" 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>


    @if($follower->follower_id)
    <input type="hidden" name="_method"  value="PUT">
    <input type="hidden" name="follower_id" id="follower_id" value="{{ $follower->follower_id }}">
    @endif

    <div class="row">
        <!-- Avatar Uploader -->
        <div class="col-lg-1">
          <div data-src="{{!empty($follower->follower_image)? asset('uploads/follower/'.$follower->follower_image): asset('img/avatar@2x.jpg') }}" class="px-media radius-g ratio-1x1 mb-15 ratio-none"
              style="background-image: url({{!empty($follower->follower_image)? asset('uploads/follower/'.$follower->follower_image): asset('img/avatar@2x.jpg') }});"></div>
         </div>
            <div class="col-lg-11">
                    <!-- Table -->
                    <div class="responsive-table mb-30">
                        <table class="table striped bordered" data-page-length="12">
                            <!-- Table Head -->
                            <thead>
                                <tr class="primary-bg fs-13">
                                    <!-- Column -->
                                    <th class="tx-align-start">  اسم التابع</th>
                                    <!-- Column -->
                                    <th class="tx-align-center">رقم الهوية</th>
                                    <!-- Column -->
                                    <th class="tx-align-center">مكان الميلاد</th>
                                    <!-- Column -->
                                    <th class="tx-align-center">الجنس</th>
                                    <!-- Column -->
                                </tr>
                            </thead>
                            <!-- Table Body -->
                            <tbody class="fs-13">
                                <!-- Row -->
                                <tr>
                                    <!-- Column -->
                                    <td id="prisoner_name">{{ !empty($follower->name )? $follower->name : ''}}</td>
                                    <!-- Column -->
                                    <td class="tx-align-center form-ui gray-form">
                                        {{ $follower->id_number }}
                                        <input type="hidden" name="prisoner_id" id="prisoner_id" value="{{ $follower->prisoner->id }}">
                                        <input type="hidden" name="operation_id" id="operation_id" value="{{ !empty($follower->operation_id) ? $follower->operation_id: '' }}">
                                    </td>
                                    <!-- Column -->
                                    <td class="tx-align-center" id="prisoner_nationaity">{{  $follower->birth_place }}</td>
                                    <!-- Column -->
                                    <td class="tx-align-center" id="prisoner_filenumber"> {{ ($follower->gender == "female") ? 'انثي' : 'ذكر' }} </td>
                                    <!-- Column -->

                                    <!-- // Column -->
                                </tr>
                                <!-- // Row -->
                            </tbody>
                            <!-- // Table Body -->
                        </table>
                    </div>
                    <!-- // Table -->
            </div>

        </div>

        <div class="row">
              <!-- Avatar Uploader -->
              <div class="col-lg-1">
                <div data-src="{{!empty($follower->prisoner->image)? asset('uploads/'.$follower->prisoner->image): asset('img/avatar@2x.jpg') }}" class="px-media radius-g ratio-1x1 mb-15 ratio-none"
                    style="background-image: url({{!empty($follower->prisoner->image)? asset('uploads/'.$follower->prisoner->image): asset('img/avatar@2x.jpg') }});"></div>
               </div>
            <div class="col-lg-11">
                     <!-- Table -->
                     <div class="responsive-table mb-30">
                        <table class="table striped bordered" data-page-length="12">
                            <!-- Table Head -->
                            <thead>
                                <tr class="primary-bg fs-13">
                                    <!-- Column -->
                                    <th class="tx-align-start">  اسم النزيلة</th>
                                    <!-- Column -->
                                    <th class="tx-align-center">رقم الهوية</th>
                                    <!-- Column -->
                                    <th class="tx-align-center">الجنسية</th>
                                    <!-- Column -->
                                    <th class="tx-align-center">رقم الملف</th>
                                    <!-- Column -->
                                </tr>
                            </thead>
                            <!-- Table Body -->
                            <tbody class="fs-13">
                                <!-- Row -->
                                <tr>
                                    <!-- Column -->
                                    <td id="prisoner_name">{{ !empty($follower->prisoner->full_name )? $follower->prisoner->full_name : ''}}</td>
                                    <!-- Column -->
                                    <td class="tx-align-center form-ui gray-form">
                                        {{ $follower->prisoner->identity_number }}
                                    </td>

                                    <!-- Column -->
                                    <td class="tx-align-center" id="prisoner_nationaity">{{ !empty($follower->prisoner->nationality->name)? $follower->prisoner->nationality->name : '' }}</td>
                                    <!-- Column -->
                                    <td class="tx-align-center" id="prisoner_filenumber"> {{ !empty($follower->prisoner->file_number)?$follower->prisoner->file_number:'' }} </td>
                                    <!-- Column -->

                                    <!-- // Column -->
                                </tr>
                                <!-- // Row -->
                            </tbody>
                            <!-- // Table Body -->
                        </table>
                    </div>
                    <!-- // Table -->
            </div>

        </div>



        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
            <!-- Page Title -->
            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات مستلم التابع</h3>

            <!-- // Page Title -->
            <div class="widget-content pdx-20">
                <div data-repeater-list="group-1">
                    <div class="widget-block pd-30 mb-15 white-bg radius-g form-ui gray-form" data-repeater-item>
                        <!-- Layouts -->
                        <div class="row">
                            <!-- Form Control -->
                            <div class="col col-12 col-md-6 col-lg-6">
                                <label class="mb-5">اسم مستلم التابع</label>
                                <div class="col form-group justify-content-around">
                                    @php
                                    $names_static =  [1 => 'الاسم الاول', 'الاسم الثاني', 'الاسم الثالث', 'الاسم الرابع']
                                @endphp
                                    @for ($i = 1; $i <= 4; $i++)
                                        <div class="col-3">
                                            <x-forms.input-text name="recipient_name{{ $i - 1 }}"
                                                value="{{ $recipient_name[$i - 1] ?? '' }}"
                                                placeholder="{{  $names_static[$i] }}"
                                                required="{{ $i < 3 ? true : false }}" />
                                        </div>
                                    @endfor
                                </div>
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12 col-md-6 col-lg-6">
                                <label class="mb-5">رقم الهوية</label>
                                <div class="input-container_id" dir="ltr">

                                    @for ($i = 0; $i < 10; $i++)
                                        <input type="text" data-name_inp="recipient_idnumber" maxlength="1"
                                            style=" display: inline-block;margin-left: 5px;padding:4px;"
                                            value="{{ isset($id_num_array[$i]) ? $id_num_array[$i] : '' }}"
                                            class="req inp_repate inp_arr_id_number_{{ $i + 1 }}  inp_repate_id_number_num_{{ $i + 1 }} col-1"
                                            data-inp_repate_num="{{ $i + 1 }}">
                                    @endfor
                                    <input value="" type="hidden" name="recipient_idnumber"
                                        class="recipient_idnumber">
                                </div>
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12 col-md-4 col-lg-4">
                                <label class="mb-5">الجنسية</label>
                                <select class="req" name="nationality_id" id="">
                                    <option value="">-- اختيار --</option>
                                    @foreach(\App\Models\Nationality::get() as $item)

                                        <option value="{{ $item->id }}">{{ $item->name }}</option>

                                    @endforeach
                                    {{-- {{--  --}}
                                </select>
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12 col-md-4 col-lg-3">
                                <label class="mb-5">صلة القرابة</label>
                                <input type="text" placeholder="- - -" name="relation" class="req">
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12 col-md-4 col-lg-3">
                                <label class="mb-5">تاريخ الخروج</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri-time req" placeholder="- - -" name="out_date"  >
                                </div>
                            </div>


                            <!-- Form Control -->
                            <div class="col col-12 col-md-4 col-lg-3">
                                <label class="mb-5">رقم هاتف</label>
                                <input type="text" placeholder="- - -" name="mobile" class="req">
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12 col-md-4 col-lg-3">
                                <label class="mb-5">عنوان السكن</label>
                                <input type="text" placeholder="- - -" name="address" class="req">
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12 col-md-4 col-lg-3">
                                <label class="mb-5">الغرض من الخروج</label>
                                <input placeholder="- - -" name="out_reason" class="req"/>
                            </div>
                            <!-- Form Control -->
                            <div class="col col-12">
                                <label class="mb-5">ملاحظات</label>
                                <textarea name="notes"  placeholder="- - -"></textarea>
                            </div>
                            <!-- // Form Control -->
                        </div>
                        <!-- // Layouts -->
                    </div>

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




        @if(!empty($checkPriv->privilege->p_add))
            <div class="col-lg-6">
                <button class="btn primary fluid">حفظ </button>
            </div>
        @endif

</form>

@endsection


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