@extends('layouts.app')

@section('content')

<form action="" class="col col-lg-9 pd-30" id="submitForm" method="POST">
    @csrf
    <!-- 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>
        <button class="btn small primary">حفظ </button>
    </div>


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

        <x-prisoner-info type="floogging"/>

        <x-issue-info />

    </div>
        <!-- Table -->
        <div class="responsive-table mb-30">
            <table class="table striped bordered fs-13 display nowrap">
                <thead>
                    <tr>
                        <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>
                    @if(isset($punishment_floggings) && count($punishment_floggings)>0)
                        @foreach($punishment_floggings as $punishment_flogging)
                            <tr>
                                <td>{{$punishment_flogging->flogging_number}}</td>
                                <td>{{Hijrian::hijri($punishment_flogging->flogging_date)->format('Y-m-d')}}</td>
                                <td> @if($punishment_flogging->flogging_next_date && !empty($punishment_flogging->flogging_next_date)){{(strtotime(Hijrian::hijri($punishment_flogging->flogging_next_date)->format('Y-m-d')) - strtotime(Hijrian::hijri($punishment_flogging->flogging_date)->format('Y-m-d'))) / (60 * 60 * 24)}}@endif يوم</td>
                                <td>{{Hijrian::hijri($punishment_flogging->flogging_next_date)->format('Y-m-d')}}</td>
                                <td>
                                    @if($punishment_flogging->action == 1)
                                        نفذ
                                    @elseif($punishment_flogging->action == 2)
                                        تأجيل
                                    @elseif($punishment_flogging->action == 3)
                                        اعفاء
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
        <!-- // Table -->


        <!-- Widget Block -->
        <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">
                <!-- Grid -->
                <div class="row">
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">عدد الجلدات</label>
                        <input type="text" class="req" name="flogging_number" value="" readonly>
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">تاريخ الاستحقاق</label>
                        <div class="pos-rel">
                            <input type="text"  class="date-hijri-blockdays req flogging_date-input" name="flogging_date" value="" readonly>
                        </div>
                    </div>

                    <div class="col-12 col-md-6">
                        <label for="">الحالة</label>
                        <input type="text" name="flogging_status" value="" readonly>
                    </div>
                    <!-- // Form Control -->

                    <!-- Checkboxes Group -->
                    <div class="col-12 pdt-15 divider-t">
                        <label class="fs-18">الإجراء</label>
                        <!-- Checkbox -->
                        <label class="radio-button fs-13 me-20">
                            <input type="radio" name="action" value="1" class="check-toggle" data-target="options-1" date-requered="1" >
                            <span>نفذ</span>
                        </label>
                        <!-- Checkbox -->
                        <label class="radio-button fs-13 me-20">
                            <input type="radio" name="action" value="2" class="check-toggle" data-target="options-2" date-requered="1" >
                            <span>تأجيل</span>
                        </label>
                        <!-- Checkbox -->
                        <label class="radio-button fs-13 me-20">
                            <input type="radio" name="action" value="3" class="check-toggle" data-target="options-2" date-requered="1" >
                            <span>اعفاء</span>
                        </label>
                        <!-- // Checkbox -->
                    </div>
                    <!-- // Checkboxes Group -->
                </div>
                <!-- // Grid -->

                <!-- Hidden For Checkbox -->
                <div class="hidden-options hidden row" id="options-1" data-display="flex">
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">تاريخ التنفيذ</label>
                        <div class="pos-rel">
                            <input type="text" class="date-hijri-blockdays" name="execution_date" >
                        </div>
                    </div>

                      <!-- Form Control -->
                      <div class="col-12 col-md-6">
                        <label for="">اسم مندوب الإمارة</label>
                        <input type="text" name="execution_prince_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب المحكمة</label>
                        <input type="text" name="execution_court_man_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب الشرطة</label>
                        <input type="text" name="execution_police_man_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب الهيئة</label>
                        <input type="text" name="execution_authority_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب السجن</label>
                        <input type="text" name="execution_prison_man_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">تاريح الجلد القادم</label>
                        <div class="pos-rel">
                            <input type="text" class="date-hijri-blockdays test" name="execution_flogging_next_date" >
                        </div>
                    </div>

                </div>
                <!-- Hidden For Checkbox -->
                <div class="hidden-options hidden row" id="options-2" data-display="flex">
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">السبب</label>
                        <input type="text" name="reason" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">مصدر الخطاب</label>
                        <input type="text" name="letter_source" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">رقم الخطاب</label>
                        <input type="number" name="letter_number" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">تاريخ الخطاب</label>
                        <div class="pos-rel">
                            <input type="text" class="date-hijri" name="letter_date" >
                        </div>
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب الإمارة</label>
                        <input type="text" name="prince_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب المحكمة</label>
                        <input type="text" name="court_man_name">
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب الشرطة</label>
                        <input type="text" name="police_man_name">
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب الهيئة</label>
                        <input type="text" name="authority_name">
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">اسم مندوب السجن</label>
                        <input type="text" name="prison_man_name" >
                    </div>
                    <!-- Form Control -->
                    <div class="col-12 col-md-6">
                        <label for="">تاريح الجلد القادم</label>
                        <div class="pos-rel">
                            <input type="text" class="date-hijri-blockdays test" name="flogging_next_date" >
                        </div>
                    </div>
                    <!-- // Form Control -->
                </div>
                <!-- // Hidden For Checkbox -->

                <div class="col-12 col-md-6">
                    <!-- Button -->
                    <button class="col-12 col-md-6 btn primary">اضافة العقوبه</button>
                </div>

            </div>
            <!-- // Content -->
        </div>


</form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/ajax_judgement.js') }}"></script>
    <script src="{{ asset('assets/js/pages/punishment-flogging.js') }}"></script>
@endsection