@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>

        </div>
        <!-- // Page Title -->
        <!-- Prisoners 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>
                        <th class="tx-align-start">تاريخ العفو </th>

                        <th class="tx-align-start">الحالة </th>

                        <!-- Column -->
                        <th class="tx-align-center">التوصية</th>
                        <th class="tx-align-center">الإرسال إلى وزارة الداخلية</th>


                    </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                    <!-- Row -->
                   <tr>
                        <!-- Column -->
                        <td class="tx-align-center"></td>
                        <!-- Column -->
                        <td><a href=""></a></td>
                        <!-- Column -->
                        <td></td>
                        <!-- Column -->
                        <td></td>
                        <!-- Column -->
                        <td></td>
                        <!-- Column -->
                        <td></td>

                        <td>
                            في انتظار التوصية
                        </td>

                        <!-- // Column -->
                        <td class="tx-align-center">
                         <a href="" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">اضافة توصية</a></td>

                        <!-- // Column -->
                        <td>
                            <a href="" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">إرسال إلى وزارة الداخلية</a></td>
                        <!-- // Column -->
                     </tr>
                    <!-- Row -->

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

@endsection