@extends('layouts.app')

@section('content')
<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">
        <h1 class="reset-block primary-color lineheight-130 fs-20"> قائمة الغرامات الجمركية</h1>

        <a href="{{ route('judgement-and-issues.custom-fines.create') }}" class="btn small primary">اضافه غرامات جمركية</a>

    </div>

    <!-- // Page Title -->

    <div class="responsive-table">
        <table  class="table px-datatable  striped bordered" data-page-length="10">
            <!-- Table Head -->
            <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>
                    <th class="tx-align-start">اسم اللجنة الجمركية</th>
                    <th class="tx-align-start">مقدار الغرامة الجمركية</th>
                    <th class="tx-align-center">تعديل</th>
                    <th class="tx-align-center">عرض بيانات الغرامة الجمركية</th>
                </tr>
            </thead>
            <!-- Table Body -->
            <tbody class="fs-13">
                @foreach ($customFines as $customFine)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $customFine->prisoner->full_name }}</td>
                        <td class="copy_content"> {{ $customFine->prisoner->identity_number }}</td>
                        <td class="tx-align-center"> {{ $customFine->prisoner->nationality->name}}</td>
                        <td class="copy_content"> {{ $customFine->issue->issue_number ?? null }}</td>
                        <td class="tx-align-center"> {{ $customFine->custom_decision_number }}</td>
                        <td class="tx-align-center copy_content"> {{ $customFine->custom_decision_date_hijri }}</td>
                        <td class="tx-align-center"> {{ $customFine->custom_committee_name }}</td>
                        <td class="tx-align-center"> {{ $customFine->custom_fine_amount }}</td>

                        <td class="tx-align-center">
                            <a
                                href="{{ route('judgement-and-issues.custom-fines.edit',$customFine->id) }}"
                                class="btn primary -color tiny next-page"
                                tabindex="0"
                                role="button"
                                aria-pressed="false"
                            >
                                تعديل
                            </a>
                        </td>

                        <td class="tx-align-center">
                            <a
                                href="{{ route('judgement-and-issues.custom-fines.show',$customFine->id) }}"
                                class="btn primary -color tiny next-page"
                                tabindex="0"
                                role="button"
                                aria-pressed="false"
                            >
                                عرض
                            </a>
                        </td>
                    </tr>
                @endforeach

            </tbody>
            <!-- // Table Body -->
        </table>

        <div style="margin-top: 10px">
            {{ $customFines->appends(Request::except(['_token']))->links()  }}
        </div>
    </div>

</div>

@endsection