@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->prisoner_id }}">
                                        <input type="hidden" name="operation_id" id="operation_id" value="{{  $followerOperation->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) ? 'انثي' : 'ذكر' }} </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->name )? $follower->prisoner->name : ''}}</td>
                                    <!-- Column -->
                                    <td class="tx-align-center form-ui gray-form">
                                        {{ $follower->prisoner->id_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->contact_information->file_number)?$follower->prisoner->contact_information->file_number:'' }} </td>
                                    <!-- Column -->

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

        </div>
        <div class="row">
              <!-- Avatar Uploader -->

            <div class="col-lg-12">
                     <!-- 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>
                                </tr>
                            </thead>
                            <!-- Table Body -->
                            <tbody class="fs-13">
                                <!-- Row -->
                                <tr>
                                    <!-- Column -->
                                    <td>{{ App\Lib\Test\Src\Facades\LaravelHijrian::hijri($followerOperation->out_date)->format('Y-m-d h:i:s') }}</td>
                                    <td> {{ $followerOperation->out_reason}}</td>
                                </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-4 col-lg-3">
                                <label class="mb-5">تاريخ الرجوع</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri req" placeholder="- - -" name="return_date"  >
                                </div>
                            </div>

                            <!-- Form Control -->
                            <div class="col col-12">
                                <label class="mb-5">ملاحظات</label>
                                <textarea name="return_hint"  placeholder="- - -"></textarea>
                            </div>
                            <!-- // Form Control -->
                        </div>
                        <!-- // Layouts -->
                    </div>

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





        <div class="col-lg-6">
            <button class="btn primary fluid">حفظ </button>
        </div>


</form>

@endsection

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