@extends('layouts.app')

@section('content')
    <form action="{{ route('visitor.update', $visitor->id) }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf
        @method('PUT')
        <!-- 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">
            <x-prisoner-info :$prisoner />
            <div class="col-md-6" id="prisoner_visitors">
                @include('visitor.prisoner_visitors')
            </div>
        </div>
        <!-- // Grid -->



        <!-- Column -->
        <div class="col-12">
            <!-- Widget Block -->
            <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                <!-- Widget Main Title -->
                <h3
                    class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    <span>بيانات الزائر</span>


                </h3>

                <!-- Layout Wrapper -->
                <div class="row gpx-10 ms-10 me-10 divider-b divider-b2  mb-20 pdt-10"
                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px;margin:20px"
                    data-repeater-item="">
                    <div class="col col-lg-2">
                        <!-- Control Label -->
                        <label for="">نوع الزيارة</label>
                        <!-- Control Input -->
                        <select class="" name="visiting_type">
                            <option value="">-- اختيار --</option>
                            @foreach (config('static.visiting_type') as $key => $info)
                                <option value="{{ $key }}" @selected($visit->visiting_type == $key)>{{ $info }}
                                </option>
                            @endforeach

                        </select>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-6">
                        <!-- Control Label -->
                        <label for="">اسم الزائر </label>
                        <!-- Control Input -->
                        <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="{{ $visitor->first_name }}">
                            </div>
                            <div class="col-3">
                                <input type="text" class="input_validation" name="second_name" id="second_name"
                                    placeholder="الاسم الثاني" value="{{ $visitor->second_name }}">
                            </div>
                            <div class="col-3">
                                <input type="text" class="input_validation" name="third_name" id="third_name"
                                    placeholder="الاسم الثالث" value="{{ $visitor->third_name }}">
                            </div>
                            <div class="col-3">
                                <input type="text" class="input_validation" name="fourth_name" id="fourth_name"
                                    placeholder="الاسم الرابع" value="{{ $visitor->fourth_name }}">
                            </div>
                        </div>
                    </div>

                    <div class="col-5">
                        <!-- Control Label -->
                        <label class="col col-12 col-md-5 col-lg-4">رقم الهوية</label>
                        @php
                            $id_num_array = str_split($visitor->id_number);
                        @endphp
                        <div class="" 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;"
                                    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 }}" name="identity_number[{{ $i }}]">
                            @endfor

                        </div>

                    </div>
                    <div class="col-6">
                        <!-- Form Control -->
                        <label class="col col-12 col-md-5 col-lg-4">الجنسية</label>
                        <div class="form-group col-9">
                            <!-- Form Control -->
                            <select class="req" name="nationality_id" id="nationality_id">
                                <option value="">-- اختيار --</option>
                                @foreach ($nationalites as $key => $nationality)
                                    <option value="{{ $nationality->id }}" @selected($visitor->nationality_id == $nationality->id)>
                                        {{ $nationality->name }}</option>
                                @endforeach
                            </select>
                            <!-- Form Control -->
                        </div>

                    </div>

                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">معرفته بالنزيل</label>
                        <!-- Control Input -->
                        <input type="text" class="req" name="prisoner_knowledge" placeholder="معرفته بالعميل"
                            value="{{ $visitor->prisoner_knowledge }}">
                    </div>

                    <!-- Layout Column -->
                    <div class="col-6">
                        <!-- Control Label -->
                        <label for="">عنوان السكن</label>
                        <!-- Control Input -->
                        <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 req inp_arr_address_{{ $key }}"
                                        placeholder="{{ $val }}" value="{{ $visitor->address->$key }}">
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <!-- Layout Column -->
                    <!-- Layout Column -->
                    <!-- Layout Column -->
                    <div class="col-5">
                        <label class="col col-12 col-md-5 col-lg-4">رقم الجوال</label>
                        @php
                            $mobile_num_array = str_split($visitor->address->mobile_number);
                        @endphp
                        <div class="" dir="ltr">
                            @for ($i = 0; $i < 10; $i++)
                                <input type="text" data-name_inp="mobile"
                                    style=" display: inline-block;margin-left: 5px;"
                                    value="{{ isset($mobile_num_array[$i]) ? $mobile_num_array[$i] : '' }}" 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-5">
                        <label class="col col-12 col-md-5 col-lg-4"> هاتف ثابت </label>
                        @php
                            $mobile2_num_array = str_split($visitor->address->mobile_number2);
                        @endphp
                        <div class="" dir="ltr">
                            @for ($i = 0; $i < 10; $i++)
                                <input type="text" data-name_inp="mobile2"
                                    style=" display: inline-block;margin-left: 5px;"
                                    value="{{ isset($mobile_num_array[$i]) ? $mobile_num_array[$i] : '' }}"
                                    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_number_other[{{ $i }}]">
                            @endfor
                        </div>
                    </div>


                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">تاريخ الزيارة</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="text" class="date-hijri-open" name="visite_date_hijri"
                                placeholder="تاريخ الزيارة" value="{{ $visit->visite_date_hijri }}">
                        </div>
                    </div>
                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">عدد الزيارات</label>
                        <!-- Control Input -->
                        <input type="text" class="req" name="visiting_count" placeholder="عدد الزيارات" readonly
                            value="{{ $count_visit }}">
                    </div>
                    <div class="col col-lg-3">
                        <!-- Control Label -->
                        <label for="">تاريخ اخر زيارة</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="text" class="date-hijri-open" name="last_visite_date_hijri"
                                placeholder="تاريخ اخر الزيارة" value="{{ $visitor->last_visite_date_hijri }}" readonly>
                        </div>
                    </div>

                    <!-- Layout Column -->

                    <!-- // Layout Column -->
                    <!-- Delete Button -->


                </div>


                <!-- Group Wrapper -->

                <!-- // Group Wrapper -->
            </div>
            <!-- // Widget Block -->
        </div>
    </form>
    <!-- // Column -->
@endsection

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