@extends('layouts.app')

@section('content')
    <form action="{{ route('judgement-and-issues.judgement-floogging.update', $judgementFloogging->id) }}"
        class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @csrf

        @method('PUT')

        <!-- 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="not_be_modified" :$prisoner />

            <x-issue-info :$issue page="not_be_modified" />

        </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>
                    @php
                        $punishment_flogging_80 = $judgementFloogging->floogging_80 ? 80 : 0;
                        $punishment_flogging_100 = $judgementFloogging->floogging_100 ? 100 : 0;
                    @endphp
                    @if (isset($punishment_flogging_80) && $punishment_flogging_80 > 0)
                        <tr>
                            <td>
                                <label class="checkbox col-12 fs-13 pds-15">
                                    <input type="checkbox" id="floogging_80_punishment" name="floogging_80" value="0"
                                        class="check-toggle" data-target="flogging_punishment_model"
                                        @if ($judgementFloogging->judgementFlooggingDetail80) checked @endif>
                                    <span> {{ $punishment_flogging_80 }} جلدة </span>
                                </label>
                            </td>
                            <td>{{ $judgementFloogging->floogging_date_hijri }}</td>
                            <td>{{ $judgementFloogging->judgementFlooggingDetail80 ? $judgementFloogging->judgementFlooggingDetail80->status : $judgementFloogging->floogging_80_status }}
                            </td>
                            <td> {{ $judgementFloogging->floogging_waiting_period ?: 0 }} يوم</td>
                            @if (isset($punishment_flogging_100) && $punishment_flogging_100 > 0 && !$judgementFloogging->judgementFlooggingDetail80)
                                <td>{{ $judgementFloogging->floogging_next_date_hijri }}</td>
                            @elseif(isset($judgementFloogging->judgementFlooggingDetail80->action) &&
                                    $judgementFloogging->judgementFlooggingDetail80->action == 2)
                                <td>{{ $judgementFloogging->judgementFlooggingDetail80->next_date_hijri }}</td>
                            @elseif(isset($judgementFloogging->judgementFlooggingDetail100->action) &&
                                    $judgementFloogging->judgementFlooggingDetail100->action == 2)
                                <td>{{ $judgementFloogging->judgementFlooggingDetail100->next_date_hijri }}</td>
                            @endif
                        </tr>
                    @endif

                    @if (isset($punishment_flogging_100) && $punishment_flogging_100 > 0)
                        <tr>
                            <td>
                                <label class="checkbox col-12 fs-13 pds-15">
                                    <input type="checkbox" id="floogging_100_punishment" name="floogging_100" value="0"
                                        class="check-toggle" data-target="flogging_punishment_model"
                                        @if ($judgementFloogging->judgementFlooggingDetail100) checked @endif>
                                    <span> {{ $punishment_flogging_100 }} جلدة </span>
                                </label>
                            </td>
                            <td>{{ $judgementFloogging->floogging_date_hijri }}</td>
                            <td>{{ $judgementFloogging->judgementFlooggingDetail100 ? $judgementFloogging->judgementFlooggingDetail100->status : $judgementFloogging->floogging_100_status }}
                            </td>
                            <td> {{ $judgementFloogging->floogging_waiting_period ?: 0 }} يوم</td>
                            {{-- @if (isset($punishment_flogging_80) && $punishment_flogging_80 > 0 && $judgementFloogging->judgementFlooggingDetail80)
                                <td>{{ "---" }}</td>
                            @else
                                <td>{{ $judgementFloogging->floogging_next_date_hijri }}</td>
                            @endif --}}
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>

        @if (isset($punishment_flogging_80) && $punishment_flogging_80 > 0)
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form flogging_punishment_model_80">

                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">نموذج عقوبه الجلد 80</h3>

                <div class="widget-content pdx-20">

                    <div class="row">


                        <div class="col-12 pdt-15 divider-t">
                            <label class="fs-18">الإجراء</label>

                            <label class="checkbox fs-13 me-20">
                                <input type="radio" name="flooging80_details[action]" value="1"
                                    class="flogging_punishment_model_80" @if (optional($judgementFloogging->judgementFlooggingDetail80)->action == 1) checked @endif>
                                <span>نفذ</span>
                            </label>

                            <label class="checkbox fs-13 me-20">
                                <input type="radio" name="flooging80_details[action]" value="2"
                                    class="flogging_punishment_model_80" @if (optional($judgementFloogging->judgementFlooggingDetail80)->action == 2) checked @endif>
                                <span>تأجيل</span>
                            </label>

                        </div>

                    </div>

                    <div class="hidden-options row" id="options-1" data-display="flex">

                        <div class="col-12 col-md-6">
                            <label for="">تاريخ التنفيذ</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri-after-now"
                                    name="flooging80_details[starting_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->starting_date_hijri }}">
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب الإمارة</label>
                            <input type="text" name="flooging80_details[emirate_representative_name]"
                                class="flogging80_options_1"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->emirate_representative_name }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب المحكمة</label>
                            <input type="text" name="flooging80_details[court_representative_name]"
                                class="flogging80_options_1"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->court_representative_name }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب الشرطة</label>
                            <input type="text" name="flooging80_details[police_representative_name]"
                                class="flogging80_options_1"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->police_representative_name }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب الهيئة</label>
                            <input type="text" name="flooging80_details[authority_representative_name]"
                                class="flogging80_options_1"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->authority_representative_name }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب السجن</label>
                            <input type="text" name="flooging80_details[prison_representative_name]"
                                class="flogging80_options_1"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->prison_representative_name }}">
                        </div>

                        <div
                            class="col-12 col-md-6 {{ optional($judgementFloogging->judgementFlooggingDetail80)->action == 2 ? '' : 'hidden' }}">
                            <label for="">تاريح الجلد القادم</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri-after-now"
                                    name="flooging80_details[next_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->next_date_hijri }}"
                                    @disabled(optional($judgementFloogging->judgementFlooggingDetail80)->action != 2)>
                            </div>
                        </div>

                    </div>

                    <div class="hidden-options row" id="options-2" data-display="flex">

                        <div class="col-12 col-md-6">
                            <label for="">السبب</label>
                            <input type="text" name="flooging80_details[delayed_reason]" class="flogging80_options_2"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->delayed_reason }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">مصدر الخطاب</label>
                            <input type="text" name="flooging80_details[letter_source]" class="flogging80_options_2"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->letter_source }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">رقم الخطاب</label>
                            <input type="number" name="flooging80_details[letter_number]" class="flogging80_options_2"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->letter_number }}">
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">تاريخ الخطاب</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri-after-now"
                                    name="flooging80_details[letter_date_hijri]" class="flogging80_options_2"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->letter_date_hijri }}">
                                <input type="hidden" name="flooging80_details[letter_type]" value="floogging80_letter">
                            </div>
                        </div>

                        <div class="col-12 col-md-6">
                            <label for="">تاريح الجلد القادم</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri-after-now"
                                    name="flooging80_details[next_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail80)->next_date_hijri }}">
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        @endif

        <!-- //  flogging_punishment_model_100 -->
        @if (isset($punishment_flogging_100) && $punishment_flogging_100 > 0)
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form flogging_punishment_model_100">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">نموذج عقوبه الجلد 100</h3>
                <!-- Content -->
                <div class="widget-content pdx-20">
                    <!-- Grid -->
                    <div class="row">

                        <!-- Checkboxes Group -->
                        <div class="col-12 pdt-15 divider-t">
                            <label class="fs-18">الإجراء</label>

                            <label class="checkbox fs-13 me-20">
                                <input type="radio" name="flooging100_details[action]" value="1"
                                    class="flogging_punishment_model_100"
                                    @if (optional($judgementFloogging->judgementFlooggingDetail100)->action == 1) checked @endif>
                                <span>نفذ</span>
                            </label>

                            <label class="checkbox fs-13 me-20">
                                <input type="radio" name="flooging100_details[action]" value="2"
                                    class="flogging_punishment_model_100"
                                    @if (optional($judgementFloogging->judgementFlooggingDetail100)->action == 2) checked @endif>
                                <span>تأجيل</span>
                            </label>

                        </div>

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

                    <!-- Hidden For Checkbox -->
                    <div class="hidden-options row" id="options-3" 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-after-now"
                                    name="flooging100_details[starting_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->starting_date_hijri }}">
                            </div>
                        </div>

                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب الإمارة</label>
                            <input type="text" name="flooging100_details[emirate_representative_name]"
                                class="flogging100_options_3"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->emirate_representative_name }}">
                        </div>
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب المحكمة</label>
                            <input type="text" name="flooging100_details[court_representative_name]"
                                class="flogging100_options_3"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->court_representative_name }}">
                        </div>
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب الشرطة</label>
                            <input type="text" name="flooging100_details[police_representative_name]"
                                class="flogging100_options_3"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->police_representative_name }}">
                        </div>
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب الهيئة</label>
                            <input type="text" name="flooging100_details[authority_representative_name]"
                                class="flogging100_options_3"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->authority_representative_name }}">
                        </div>
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">اسم مندوب السجن</label>
                            <input type="text" name="flooging100_details[prison_representative_name]"
                                class="flogging100_options_3"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->prison_representative_name }}">
                        </div>
                        <!-- Form Control -->
                        <div
                            class="col-12 col-md-6 {{ optional($judgementFloogging->judgementFlooggingDetail100)->action == 2 ? '' : 'hidden' }}">
                            <label for="">تاريح الجلد القادم</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri-after-now test"
                                    name="flooging100_details[next_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->next_date_hijri }}"
                                    @disabled(optional($judgementFloogging->judgementFlooggingDetail100)->action != 2)>
                            </div>
                        </div>

                    </div>

                    <!-- Hidden For Checkbox -->
                    <div class="hidden-options row" id="options-4" data-display="flex">
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">السبب</label>
                            <input type="text" name="flooging100_details[delayed_reason]"
                                class="flogging100_options_4"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->delayed_reason }}">
                        </div>
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">مصدر الخطاب</label>
                            <input type="text" name="flooging100_details[letter_source]" class="flogging100_options_4"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->letter_source }}">
                        </div>
                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">رقم الخطاب</label>
                            <input type="number" name="flooging100_details[letter_number]" class="flogging100_options_4"
                                value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->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-after-now flogging100_options_4"
                                    name="flooging100_details[letter_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->letter_date_hijri }}">
                                <input type="hidden" name="flooging100_details[letter_type]"
                                    value="floogging100_letter">
                            </div>
                        </div>

                        <!-- Form Control -->
                        <div class="col-12 col-md-6">
                            <label for="">تاريح الجلد القادم</label>
                            <div class="pos-rel">
                                <input type="text" class="date-hijri-after-now test"
                                    name="flooging100_details[next_date_hijri]"
                                    value="{{ optional($judgementFloogging->judgementFlooggingDetail100)->next_date_hijri }}">
                            </div>
                        </div>
                        <!-- // Form Control -->
                    </div>

                </div>
                <!-- // Content -->
            </div>
        @endif


    </form>
@endsection

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