@extends('layouts.app')

@section('content')
<div  class="col col-lg-9 pd-30">
    <!-- Page Title -->
    @component('components.print')

    @endcomponent
    <div class="page-title not_print divider-b pdb-10 flexbox align-between align-center-y mb-20">
        <h1 class="reset-block primary-color lineheight-130 fs-20">ارشيف هروب نزيل </h1>
    </div>
    <!-- // Page Title -->

    <!-- Grid -->
    <div class="row">



        <!-- Column -->
        <div class="col-12 col-md-6">
            <!-- Controls Widget -->
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات النزيل</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">
                    <!-- Controls Group -->
                    <div class="flexbox divider-b mb-20">
                        <!-- Avatar Uploader -->
                        <img src="{{ ($prisoner->image)? asset('uploads/'.$prisoner->image) : asset('assets/img/avatar.jpg') }}" class="avatar radius-g" id="prisoner_image" alt=""/>
                        <!-- Form Controls -->
                        <div class="col pds-15">
                            <ul class="info-list reset-list fs-13 lineheight-160">
                                    <li class="mb-5"><span class="gray-color inline-block" >اسم النزيل</span> : <span id="prisoner_name">{{  $prisoner->full_name  }} </span></li>
                                    <li class="mb-5"><span class="gray-color inline-block">رقم الهوية </span> : {{ $prisoner->identity_number }}</li>
                                    <li class="mb-5"><span class="gray-color inline-block">الجنسية </span> : {{ $prisoner->nationality->name}}</li>
                            </ul>
                        </div>
                        <!-- // Form Controls -->
                    </div>
                    <!-- // Controls Group -->
                </div>
                <!-- // Content -->
            </div>

        </div>
        <div class="col-12 col-md-6">
            <!-- Controls Widget -->
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات القضايا</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">
                    <!-- Controls Group -->

                    @foreach($issues as $issue)
                        <div class="flexbox divider-b mb-20">
                            <!-- Form Controls -->
                            <div class="col-12 pds-5">
                                <ul class="info-list reset-list fs-13 lineheight-160 flexbox">
                                    <li class="pdb-5 col-2">
                                        <span class="gray-color inline-block">رقم القضية</span> :
                                        <span class="case_details" id="issue_main_category">
                        {{ ( optional($issue)->issue_number ) ? $issue->issue_number : ''}}
                    </span>
                                    </li>
                                    <li class="pdb-5 col-5">
                                        <span class="gray-color inline-block">التصنيف العام للقضية</span> :
                                        <span class="case_details" id="issue_main_category">
                        {{ ( optional($issue)->main_category ) ? $issue->main_category->name : ''}}
                    </span>
                                    </li>

                                    <li class="pdb-5 col-5">
                                        <span class="gray-color inline-block">التصنيف الفرعي للقضية</span> :
                                        <span class="case_details" id="issue_sub_category">
                        {{ ( optional($issue)->sub_category ) ? $issue->sub_category->name : ''}}
                    </span>
                                    </li>
                                </ul>
                            </div>
                            <!-- // Form Controls -->
                        </div>
                    @endforeach



                    <!-- // Controls Group -->
                </div>
                <!-- // Content -->
            </div>

        </div>

    </div>
    <!-- // Grid -->


            <!-- 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>
                            <!-- 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 -->
                            <!-- Column -->
                            <td class="tx-align-center">{{ ($jailbreak->date_hijri)}}</td>
                            <!-- Column -->
                            <td class="tx-align-center">{{ !empty($jailbreak->re_escape->re_escape_date_hijri)? $jailbreak->re_escape->re_escape_date_hijri : '-' }}</td>
                            <td> {{ $jailbreak->place }} </td>
                            <td> {{ $jailbreak->re_escape?->place }} </td>
                            <!-- Column -->


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

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


</div>



@endsection