@extends('layouts.app')

@section('content')

    <div class="col col-lg-9 pd-30">
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">الاطلاع على الاحكام الصادرة بحق الحدث</h1>
        </div>

        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <thead>
                    <tr class="primary-bg fs-13">
                        <th class="w-50 tx-align-center hide-sorting">#</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>

                <tbody class="fs-13">
                    @foreach ($prisoners as $prisoner)
                        <tr>
                            <td class="tx-align-center">{{ $loop->iteration }}</td>
                            <td>
                                <img
                                    src="{{ $prisoner->image ? asset($prisoner->image->path) : asset('assets/img/avatar-uploader.svg') }}"
                                    alt=""
                                    srcset=""
                                    style="width: 65px;height:65px"
                                />
                            </td>
                            <td>{{ $prisoner->full_name }}</td>
                            <td>{{ $prisoner->identity_type }}</td>
                            <td>{{ $prisoner->identity_number }}</td>
                            <td>{{ $prisoner->nationality->name }}</td>
                            <td class="tx-align-center">
                                <a
                                    href="{{ route('precedent.issue_viewing.showJuvenile', $prisoner->id) }}"
                                    class="btn primary -color tiny next-page"
                                    tabindex="0"
                                    role="button"
                                    aria-pressed="false"
                                >
                                    استعراض
                                </a>
                            </td>
                        </tr>

                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection