@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">
        @component('components.print')
        @endcomponent
        <div class="page-title not_print divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h6 class="reset-block primary-color lineheight-130 fs-20">أرشيف الزيارات
            </h6>

        </div>


        <div class="row">
            <div class="col adaptive-widgets">
                <!-- Details Widget -->

                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                    <!-- Title -->
                    <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">
                        <!-- Informations List -->
                        <ul class="info-list reset-list fs-13 lineheight-160">
                            <li class="mb-5"><span class="gray-color inline-block">اسم النزيل</span> :
                                {{ $visit->prisoner->full_name }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">الجنسية</span> :
                                {{ $visit->prisoner->nationality->name }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم الهوية</span> :
                                {{ $visit->prisoner->identity_number }}
                            </li>

                        </ul>
                        <!-- Informations List -->
                        <!-- // Informations List -->
                    </div>
                    <!-- // Content -->
                </div>

                <!-- Details Widget -->
                <!-- // Details Widget -->
            </div>

        </div>

        <form action="" class="row justify-content-end">

            <div class="col-3">
                <input class="date-hijri-open" placeholder="ابحث من تاريخ معين" name="from_date_hijri"
                    value="{{ request('from_date_hijri') }}">
            </div>

            <div class="col-3">
                <input class="date-hijri-open" placeholder="ابحث الي تاريخ معين" name="to_date_hijri"
                    value="{{ request('to_date_hijri') }}">
            </div>

            <div class="col-3">
                <!-- Control Label -->
                <!-- Control Input -->
                <select class="" name="visiting_type">
                    <option value="">-- اختيار نوع الزيارة --</option>
                    @foreach (config('static.visiting_type') as $key => $info)
                        <option value="{{ $key }}" @selected(request('visiting_type') == $key)>{{ $info }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-3">
                <!-- Control Label -->
                <!-- Control Input -->
                <select class="" name="nationality_id">
                    <option value="">-- اختيار الجنسية--</option>
                    @foreach ($nationalites as $nationality)
                        <option value="{{ $nationality->id }}" @selected(request('nationality_id') == $nationality->id)>{{ $nationality->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-3">
                <input class="text" placeholder="رقم هوية الزائر" name="id_number" value="{{ request('id_number') }}">
            </div>

            <div class="col-3">
                <input class="text" placeholder="اسم الزائر" name="name" value="{{ request('name') }}">
            </div>


            <div class="col-2 ">
                <input class="btn small primary miw-120" type="submit" value="بحث">
            </div>
        </form>

        <!-- Content -->
        <div class="responsive-table mb-30">
            <table class="table striped px-datatable bordered" data-page-length="12">
                <thead>
                    <tr class="primary-bg fs-13">
                        <th class="tx-align-start">اسم الزائر</th>
                        <th class="tx-align-center">رقم الهوية</th>
                        <th class="tx-align-center">جنسية الزائر</th>
                        <th class="tx-align-center">نوع الزيارة</th>
                        <th class="tx-align-center">تاريخ الزيارة</th>
                        <th class="tx-align-center">عدد الزيارات</th>
                        <th class="tx-align-center">تاريخ اخر زيارة</th>
                        <th class="tx-align-center">رقم الاتصال</th>

                    </tr>
                </thead>
                <tbody>
                    @foreach ($visits as $visitor)
                        <tr style="text-align: center">
                            <td>{{ $visitor->full_name }}</td>
                            <td>{{ $visitor->id_number }}</td>
                            <td>{{ $visitor->nationality->name }}</td>
                            <td>{{ config('static.visiting_type.' . $visit->visiting_type) }}</td>
                            <td>{{ $visit->visite_date_hijri }}</td>
                            <td>{{ $visitor->get_visiting_count($visitor->id_number) }}</td>
                            <td>{{ $visitor->last_visite_date_hijri }}</td>
                            <td>{{ $visitor->address?->mobile_number }}</td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
            <!-- Informations List -->

            <!-- // Informations List -->
        </div>
        <!-- // Content -->
    </div>












    </div>
@endsection