@extends('layouts.app')

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

        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <!-- Title -->
            <h1 class="reset-block primary-color lineheight-130 fs-20">قائمة استحقاق عفو   الازدحام</h1>
            <!-- // Buttons -->
        </div>
        <!-- // Page Title -->
        <!-- Prisoners Table -->
        <form>
            <div class="row">
            </div>
            <div class="row">

                <div class="col-4">

                    <div class="">
                        <span>
                            استحقاق الافراج تحت شرط من تاريخ
                        </span>
                        <input type="text" id="min" name="start_date" class="date-hijri" value="{{ request('start_date') }}">
                    </div>
                </div>

                <div class="col-4">
                    <div>
                        <span>
                                الى تاريخ
                        </span>
                        <input type="text" name="end_date" id="min" class="date-hijri" value="{{ request('end_date') }}">
                    </div>
                </div>
                <div class="col-4">
                    <div>
                        <span>
                            .
                        </span>
                        <input class="btn primary -color" style="display: block !important" type="submit" value="تصفية بالتاريخ">
                    </div>
                </div>
            </div>
        </form>

        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <!-- Table Head -->
                <thead>

                    <tr class="primary-bg fs-13">
                        <!-- Column -->
                        <th class="w-50 tx-align-center hide-sorting">#</th>
                        <!-- Column -->
                        <th class="tx-align-start">اسم النزيل</th>
                        <!-- Column -->
                        <th class="tx-align-start"> رقم الهوية </th>
                        <!-- Column -->
                        <th class="tx-align-start">الجنسية</th>
                        <th class="tx-align-start"> السجن </th>
                        <th class="tx-align-start"> تاريخ الأفراج تحت شرط</th>
                        <th class="tx-align-start"> تاريخ أنتهاء المحكومية </th>
                        <th class="tx-align-start">عدد القضايا الموقوف بها </th>
                        <th class="tx-align-start"> عدد مرافقية بالقضية </th>
                        <th class="tx-align-start"> أسماء النزلاء المرافقين له بالقضية </th>

                    </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                    <!-- Row -->
                    @foreach ($list as $item )
                    <tr>
                        <td class="tx-align-center">{{ $loop->iteration }}</td>
                        <td>{{ $item->prisoner->full_name }}</td>
                        <td>{{ $item->prisoner->identity_number }}</td>
                        <td>{{ $item->prisoner->nationality->name }}</td>
                        <td>{{ $item->prisoner->prison->name }} - {{ $item->prisoner->prison_section->name }} - {{ $item->prisoner->prison_room->name }}</td>
                        <td>{{ $item->date_release_under_parole_hijri }}</td>
                        <td>{{ $item->judgement_end_date_hijri }}</td>
                        <td>{{ $item->prisoner_issues_count }}</td>
                        <td>{{ $item->companions_count - 1   }}</td>

                        <td>
                            <ul>
                                @foreach ($item->companions as $companion)
                                    @if($companion->id != $item->id)
                                    <li>-{{ $companion->prisoner->full_name }}</li>
                                    @endif
                                @endforeach
                            </ul>
                        </td>
                    </tr>
                    @endforeach

                    <!-- Row -->

                </tbody>
                <!-- // Table Body -->
            </table>
        </div>
        <!-- // Prisoners Table -->
    </div>
    <!-- // Content Side -->
@endsection