@extends('layouts.app')

@section('content')

<form action="{{ $action }}" class="col col-lg-9 pd-30" id="submitForm" method="POST" enctype="multipart/form-data">
    @csrf

    <button class="btn small primary">حفظ </button>


    @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

                 <!-- 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 -->
                                <th class="tx-align-center w-110">صورة النزيلة</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">
                                    @if(empty($follower->follower_id))
                                    <input class=" req" type="text"  data-type="gender_female" data-gender="1" name="prisoner_id_number" data-url="{{ route('judgement-and-issues.prisons.prisoner_info') }}" id="prisoner_id_number"
                                      data-url="" value=""></td>
                                    <input type="hidden" name="prisoner_id" id="prisoner_info_id" value="">
                                    <input type="hidden" name="judgment_end_date" id="judgment_end_date" value="">

                                    @else
                                    {{ $follower->prisoner->id_number }}
                                    <input type="hidden" name="prisoner_id_number"  data-type="gender_female" id="id_number" value="{{ $follower->prisoner->identity_number }}">
                                    <input type="hidden" name="prisoner_id" id="prisoner_info_id" value="{{ $follower->prisoner->id }}">

                                    @endif

                                <!-- Column -->
                                <td class="tx-align-center" id="prisoner_info_nationality">{{ !empty($follower->prisoner->nationality->name)? $follower->prisoner->nationality->name : '' }}</td>
                                <!-- Column -->
                                <td class="tx-align-center" id="prisoner_info_file_number"> {{ !empty($follower->prisoner->contact_information->file_number)?$follower->prisoner->contact_information->file_number:'' }} </td>
                                <!-- Column -->
                                <td class="tx-align-center"><img id="prisoner_info_prisoner_image"
                                  src="{{!empty($follower->prisoner->image)? asset('uploads/'.$follower->prisoner->image): asset('assets/img/avatar.jpg') }}" alt="" width="70"
                                  data-default="{{!empty($follower->prisoner->image)? asset('uploads/'.$follower->prisoner->image): asset('assets/img/avatar.jpg') }}">
                                </td>
                                <!-- // Column -->
                            </tr>
                            <!-- // Row -->
                        </tbody>
                        <!-- // Table Body -->
                    </table>
                </div>
                <!-- // Table -->
                <!-- Repeater Wrapper -->
                <div class="repeater">
                    <!-- 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>
                        @if(empty($follower->follower_id))
                        <button class="btn small primary event-target" onclick="return false" data-repeater-create>اضافة تابع <i class="fas fa-plus"></i></button>
                        @endif
                    </div>
                    <!-- // Page Title -->

                    <!-- Repeater Group -->
                    <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 follower-container">
                                <!-- Form Control -->
                                <div class="col col-12 col-md-5 col-lg-5">
                                    <label class="mb-5">اسم التابع</label>
                                    @php
                                        $names_static =  [1 => 'الاسم الاول', 'الاسم الثاني', 'الاسم الثالث', 'الاسم الرابع']
                                    @endphp
                                    {{-- <input type="text" name="follower_name" class="req" placeholder="- - -" value="{{ $follower->name }}"> --}}
                                    <div class="col form-group justify-content-around">
                                        @for ($i = 1; $i <= 4; $i++)
                                            <div class="col-3">
                                                <x-forms.input-text name="name{{ $i - 1 }}"
                                                    value="{{ $names[$i - 1] ?? '' }}"
                                                    placeholder="{{ $names_static[$i] }}"
                                                    required="{{ $i < 3 ? true : false }}" />
                                            </div>
                                        @endfor
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12 col-md-5 col-lg-5">
                                    <label class="mb-5">رقم الهوية</label>
                                    @php
                                    $id_num_array = str_split($follower->id_number);
                                     @endphp
                                    <div class="input-container_id" dir="ltr">

                                        @for ($i = 0; $i < 10; $i++)
                                            <input type="text" data-name_inp="id_number" 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="{{ $follower->id_number }}" type="hidden" name="id_number"
                                            class="id_number">

                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12 col-md-4 col-lg-3">
                                    <label class="mb-5">الجنس</label>
                                    <select name="gender" class="req">
                                        <option selected value="">-- اختيار --</option>
                                        <option value="0" {{ $follower->follower_status == 0 ? 'selected': '' }}>-- ذكر --</option>
                                        <option value="1" {{ $follower->follower_status == 1 ? 'selected':''  }}>-- انثي --</option>
                                    </select>
                                </div>

                                <div class="col col-lg-3">
                                    <label class="col col-lg-3">الجنسية</label>
                                        <div class="form-group col-12">
                                            <!-- Form Control -->
                                            <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>
                                            <!-- Form Control -->
                                        </div>
                                </div>
                                {{--  @component('components.selectNationality',["name"=>"id","data"=>$follower ])

                                @endcomponent  --}}
                                <!-- 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"  name="birth_date" class="birth_date date-hijri req" value="{{ \App\Lib\Test\Src\Facades\LaravelHijrian::hijri($follower->birth_date)->format('Y-m-d')  }}">
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12 col-md-4 col-lg-3">
                                    <label class="mb-5">مكان الميلاد</label>
                                    <input type="text" name="birth_place" class="req" placeholder="- - -"  value="{{ $follower->birth_place }}">
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12 col-md-4 col-lg-3">
                                    <label class="mb-5">رقم شهادة الميلاد</label>
                                    <input type="number" min="0" name="birth_number" class="req" placeholder="- - -" value="{{ $follower->birth_number }}">
                                </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"  name="birth_cdate" class="date-hijri req" placeholder="- - -" value="{{ \App\Lib\Test\Src\Facades\LaravelHijrian::hijri($follower->birth_cdate)->format('Y-m-d')  }}">
                                    </div>
                                </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" name="receipt_date" class="receipt_date date-hijri req" placeholder="- - -" value="{{ \App\Lib\Test\Src\Facades\LaravelHijrian::hijri($follower->receipt_date)->format('Y-m-d')  }}">
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12 col-md-4 col-lg-3">
                                    <label class="mb-5"> تاريخ الخروج الافتراضى</label>
                                    <div class="pos-rel out_date_container">
                                        <input type="text"  name="out_date" class="out_date date-hijri req"  placeholder="- - -" value="{{ \App\Lib\Test\Src\Facades\LaravelHijrian::hijri($follower->out_date)->format('Y-m-d')  }}">
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12 col-md-4 col-lg-3">
                                    <label class="mb-5">صورة التابع</label>
                                    <div data-placeholder="- - -" data-btn="اختيار ملف" class="px-uploader" data-uploader="standard">
                                        <input type="file" name="follower_image">
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col col-12">
                                    <label class="mb-5">ملاحظات</label>
                                    <textarea name="notes" placeholder="- - -"> {{ $follower->notes }}</textarea>
                                </div>
                                <!-- // Form Control -->
                                @if(empty($follower->follower_id))
                                <button type="button" class="btn tiny square far fa-times-circle danger-color transparent floating" data-repeater-delete></button>
                                @endif
                            </div>
                            <!-- // Layouts -->
                        </div>
                        <!-- // Repeater Group -->
                    </div>

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