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


        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <div class="col-12">
                <!-- Controls Widget -->
                <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="widget-title fs-15 pdx-20 pdy-10 medium-weight  align-center">مدخلات العفو الملكي ( الثابتة )</h3>
                </div>
                <!-- // Controls Widget -->
            </div>

        </div>
        <!-- // Grid -->
        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <div class="col-4">
                <!-- Controls Widget -->
                <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 align-center">الشروط العامة</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <div class="row">
                            <div class="col pds-15 col-4 align-center">
                                <div class="align-center">مكتمل</div>
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="" class="input_step" value="1" checked disabled>
                                    <span class="align-center"></span>
                                </label>
                            </div>
                            <div class="col pds-15 col-4 align-center text-danger">
                                <div class="align-center">غير مكتمل</div>
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="" class="input_step" value="0" disabled>
                                    <span class="align-center"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>
            <!-- Column -->
            <div class="col-4">
                <!-- Controls Widget -->
                <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 align-center">الاستثناءات الخاصة بعقوبة السجن</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <div class="row">
                            <div class="col pds-15 col-4 align-center">
                                <div class="align-center">مكتمل</div>
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="" class="input_step" value="1" checked disabled>
                                    <span class="align-center"></span>
                                </label>
                            </div>
                            <div class="col pds-15 col-4 align-center text-danger">
                                <div class="align-center">غير مكتمل</div>
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="" class="input_step" value="0" disabled>
                                    <span class="align-center"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>
            <!-- Column -->
            <div class="col-4">
                <!-- Controls Widget -->
                <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 align-center">الاستثناءات الخاصة بعقوبة الغرامة المالية</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <div class="row">
                            <div class="col pds-15 col-4 align-center">
                                <div class="align-center">مكتمل</div>
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="" class="input_step" value="1" checked disabled>
                                    <span class="align-center"></span>
                                </label>
                            </div>
                            <div class="col pds-15 col-4 align-center text-danger">
                                <div class="align-center">غير مكتمل</div>
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="" class="input_step" value="0" disabled>
                                    <span class="align-center"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>

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



        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <div class="col-12">
                <!-- Controls Widget -->
                <div class="widget-block mb-30  white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="widget-title fs-15 pdx-20 pdy-10 medium-weight  align-center">مدخلات العفو الملكي (المتغيرة)</h3>
                </div>
                <!-- // Controls Widget -->
            </div>

        </div>
        <!-- // Grid -->
        <!-- Grid -->
        <div class="col col-12">
            <!-- Prisoners Table -->
            <div class="responsive-table">
                <table class="table px-datatable striped bordered" data-page-length="20" >
                    <!-- 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>
                        <th class="tx-align-start"> مقدار الاستحقاق لعقوبة :
                            الغرامات المالية </th>
                    </tr>
                    </thead>
                    <!-- Table Body -->
                    <tbody class="fs-13">
                    <tr>
                        <td class="tx-align-start">1</td>
                        <td></td>
                        <!-- Column -->
                        <td class="tx-align-start">
                            <div></div>
                        </td>
                        <!-- Column -->
                        <td class="tx-align-start">
                            عفو عن باقي المحكومية
                            عفو نصف محكومية
                        </td>
                        <td class="tx-align-start">
                            إعفاء من الغرامة المالية
                        </td>
                    </tr>
                    </tbody>

                </table>

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


@endsection