@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">

        @component('components.print')
            ارشيف تابع
        @endcomponent

        <div class="row gpx-20">
            <div class="col col-lg-6 ">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">

                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">بيانات التابع</h3>
                    <div class="widget-content pdx-20">
                        <ul class="info-list reset-list fs-13 lineheight-160">
                            <li class="mb-5">
                                <span class="gray-color inline-block">اسم التابع</span> : {{ $dependent->full_name }}
                            </li>
                            <li class="mb-5">
                                <span class="gray-color inline-block">رقم الهوية</span> : {{ $dependent->identity_number }}
                            </li>
                        </ul>
                    </div>

                </div>


            </div>

            <div class="col col-lg-6">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">

                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">بيانات النزيل</h3>
                    <div class="widget-content pdx-20">

                        <h4 class="primary-color fs-14 mb-10"></h4>
                        <ul class="info-list reset-list fs-13 lineheight-160">
                            <li class="mb-5">
                                <span class="gray-color inline-block">اسم النزيل</span> : {{ $prisoner->full_name }}
                            </li>
                            <li class="mb-5">
                                <span class="gray-color inline-block">رقم الهوية</span> : {{ $prisoner->identity_number }}
                            </li>
                        </ul>

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



        <div class="responsive-table mb-30">


            <form
                action="{{ route('dependents.archive',['prisoner' => $dependent->prisoner->id, 'dependent' => $dependent->id]) }}"
                class="row justify-content-end" method="GET"
            >
                @csrf
                <div class="col-3">
                    <input class="date-hijri" placeholder="ابحث من تاريخ خروج معين" name="from_date_hijri" value="{{ request('from_date_hijri') }}">
                </div>

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

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



            <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>
                    </tr>
                </thead>

                <tbody class="fs-13">

                    @foreach($dependent_archives as  $archive)
                        <tr>
                            <td >{{ $loop->iteration }}</td>
                            <td >{{ $archive->out_date_hijri }}</td>
                            <td >{{ $archive->receiver_name }}</td>
                            <td >{{ $archive->receiver_identity_number }}</td>
                            <td >{{ $archive->relationship }}</td>
                            <td >{{ $archive->mobile }}</td>
                            <td >{{ $archive->return_date_hijri }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection