@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 class="btns">

                    <a href="{{ route('jailbreak.create') }}" class="btn small primary miw-120">تسجيل هروب</a>
            </div>
            <!-- // Buttons -->
        </div>
        <!-- // Page Title -->

        <!-- Cases Categories Table -->
        <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>
                    <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>
                    <!-- Column -->
                    <th class="tx-align-start"> تاريخ الهروب</th>
                    <!-- Column -->
                    <th class="tx-align-start">تاريخ القبض</th>
                    <!-- Column -->
                    <th class="tx-align-start"> الحالة  </th>
                    <!-- Column -->
                    <th class="tx-align-start">  تسجيل قبض  </th>
                    <!-- Column -->
                    <th class="tx-align-start">  ارشيف  </th>
                    <!-- Column -->
                    <th class="tx-align-start">  التعديل  </th>
                    <!-- Column -->
                </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                <!-- Row -->
                @foreach ($jailbreaks as $jailbreak)
                    <tr>
                        <!-- Column -->
                        <td class="tx-align-center">{{ $loop->iteration }}</td>
                        <!-- Column -->
                        <td> {{ $jailbreak->prisoner->full_name }}</td>
                        <td><img src="{{ !empty($jailbreak->prisoner->image)? asset('uploads/prisoners/'.$jailbreak->prisoner->image) : asset('assets/img/avatar.jpg') }}" class="avatar radius-g" data-default="{{  asset('assets/img/avatar.jpg') }}" id="prisoner_image" alt=""/></td>

                        <!-- Column -->
                        <td> {{ $jailbreak->prisoner->identity_number }}</td>
                        <!-- Column -->
                        <td class="tx-align-center">
                            {{ $jailbreak->prisoner->nationality->name }}
                        </td>
                        <td class="tx-align-center">
                            {{ $jailbreak->prisoner->other_nationality->name ?? null}}
                        </td>
                        <td class="tx-align-center">{{ $jailbreak->prisoner->issues->count() }}</td>
                        <!-- Column -->
                        <td class="tx-align-center">{{$jailbreak->date_hijri}}</td>
                        <!-- Column -->
                        <td class="tx-align-center">{{ $jailbreak->re_escape?->re_escape_date_hijri}}</td>
                        <!-- Column -->
                        <td class="tx-align-center">
                            {{ $jailbreak->is_return=="1"? 'بالسجن'  : 'هارب' }}
                        </td>
                        <!-- Column -->
                        <td class="tx-align-center">
                            @if($jailbreak->is_return=="0")
                                    <a href="{{url('jailbreak/rearrest/create',$jailbreak->id)}}" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">تسجيل قبض</a></td>
                        @endif
                        <td class="tx-align-center">
                            <a href="{{ url('jailbreak/'.$jailbreak->prisoner_id) }}" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">أرشيف</a></td>
                        </td>
                            <!-- Column -->
                            <td class="tx-align-center">
                                        <a href="{{ route('jailbreak.edit',$jailbreak->id) }}" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">تعديل</a></td>

                                <!-- Column -->

                                <!-- // Column -->
                    </tr>
                @endforeach


                <!-- Row -->

                </tbody>
                <!-- // Table Body -->
            </table>
        </div>
        <!-- // Cases Categories Table -->
    </div>
    <!-- // Content Side -->

@endsection