@extends('layouts.app')

@section('content')
<form action="{{ route('discounts.royal_amnesty.update', $royal_amnesty->id ) }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf
    @method('PUT')
    
    <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">اضافه قائمة العفو الملكي Manually</h1>
        <button class="btn small primary">حفظ </button>
    </div>


    <div class="row">
        <x-prisoner-info type="not_be_modified" :$prisoner />

        <x-issue-info page="not_be_modified" :issue="$royal_amnesty->issue" type="show_in_discounts" />
    </div>


        <div class="row">
            <div class="col-12 col-md-6">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">مناسبة العفو</h3>

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

                        <div class="mb-15">
                            <label class="mb-5">مناسبة العفو الملكي</label>
                            <select class="req"  id="occasion_manually"  name="occasion_id">
                                <option value="">اختر</option>
                                @foreach($occasions as  $occasion)
                                    <option
                                        data-number="{{ $occasion->occasion_number }}"
                                        data-before="{{ $occasion->issue_before_date_hijri }}"
                                        data-date="{{ $occasion->date_hijri }}"
                                        value="{{ $occasion->id }}"
                                        @selected($royal_amnesty->occasion_id == $occasion->id)
                                    >
                                        {{ $occasion->occasion_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-lg-12">
                            <ol class="info-list reset-list fs-13 lineheight-160 mb-30">
                                <li class="pdb-10"><span class="gray-color inline-block">رقم العفو </span> : <span id="occasion_number"> </span></li>
                                <li class="pdb-10"><span class="gray-color inline-block">تاريخ العفو </span> : <span id="occasion_date"> </span></li>
                                <li class="pdb-10"><span class="gray-color inline-block"> يطبق على القضايا التى وقعت قبل تاريخ</span> : <span id="occasion_before_date"> </span></li>
                            </ol>
                        </div>

                        <div class="hidden">
                            <input type="number" name="amnesty_number" value="" class="req" placeholder="رقم العفو">
                            <input type='text' name="amnesty_date_hijri" value="" class="req date-hijri" />
                            <input type='text' name="issue_occured_date_before_hijri" value="" class="req date-hijri" />
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">مقدار الاستحقاق لعقوبة</h3>

                    <div class="widget-content pdx-20">
                        <div class="row gpx-10 ms-10 me-10 mb-15">
                            <div class="col-12 col-lg-12">
                                <h6> السجن</h6>
                            </div>

                            <div class="col col-lg-6">
                                <div class="mb-15">
                                    <label class="checkbox fs-13">
                                        <input type="radio" name="amnesty_prison_type" value="full" @checked($royal_amnesty->amnesty_prison_type == 'full')>
                                        <span>إعفاء من باقي المحكومية</span>
                                    </label>
                                </div>
                            </div>

                            <div class="col col-lg-6">
                                <div class="mb-15">
                                    <label class="checkbox fs-13">
                                        <input type="radio" name="amnesty_prison_type" value="half" @checked($royal_amnesty->amnesty_prison_type == 'half')>
                                        <span>إعفاء من نصف المحكومية</span>
                                    </label>
                                </div>
                            </div>

                            <div class="col-12 col-lg-12">
                                <h6>الغرامة المالية</h6>
                            </div>

                            <div class="col col-lg-6">
                                <div class="mb-15">
                                    <label class="checkbox fs-13">
                                        <input type="radio" name="amnesty_fine_type" value="full" @checked($royal_amnesty->amnesty_fine_type == 'full')>
                                        <span>إعفاء من الغرامة المالية</span>
                                    </label>
                                </div>
                            </div>

                            <div class="col col-lg-6">
                                <div class="mb-15">
                                    <label class="checkbox fs-13">
                                        <input type="radio" name="amnesty_fine_type" value="treatment" @checked($royal_amnesty->amnesty_fine_type == 'treatment')>
                                        <span>معاملة الغرامة المالية للنزيل السعوي وفق نظام إيرادات الدولة</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-12">
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات اللجنة</h3>

                    <div class="widget-content pdx-20 pdb-10">
                        <div class="row gpx-10 ms-10 me-10 mb-15">
                            <div class="col-6 mb-15">
                                <label>اسم رئيس اللجنة</label>
                                <x-discount-sponsor discountSponsorType="chairman_committee_name" key="0" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم امين اللجنة</label>
                                <x-discount-sponsor discountSponsorType="committee_amin_name" key="1" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم سكرتير اللجنة</label>
                                <x-discount-sponsor discountSponsorType="committee_secretary_name" key="2" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم مندوب السجن</label>
                                <x-discount-sponsor discountSponsorType="prison_delegate_name" key="3" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم مندوب الشرطة</label>
                                <x-discount-sponsor discountSponsorType="police_delegate_name" key="4" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم مندوب إدارة المخدرات</label>
                                <x-discount-sponsor discountSponsorType="drug_administration_delegate_name" key="5" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم مندوب الجوازات</label>
                                <x-discount-sponsor discountSponsorType="passports_delegate_name" key="6" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم مندوب دار الملاحظة الاجتماعية</label>
                                <x-discount-sponsor discountSponsorType="social_observation_house_delegate_name" key="7" :discount="$royal_amnesty" />
                            </div>

                            <div class="col-6 mb-15">
                                <label>اسم مندوب مؤسسة رعاية الفتيات</label>
                                <x-discount-sponsor discountSponsorType="female_care_foundation_delegate_name" key="8" :discount="$royal_amnesty" />
                            </div>

                            <div class="col col-lg-6"></div>

                            <div class="col col-lg-6">
                                <label for="">رقم نموذج العفو</label>
                                <input type="number" name="amnesty_form_number" value="{{ $royal_amnesty->amnesty_form_number }}"  class="req" placeholder="رقم نموذج العفو">
                            </div>

                            <div class="col-6 col-lg-6">
                                <label for="">تاريخ النموذج </label>
                                <div class="pos-rel" style="position: relative;">
                                    <input type='text' name="amnesty_form_date_hijri" value="{{ $royal_amnesty->amnesty_form_date_hijri }}" class="req date-hijri" />
                                </div>
                            </div>

                            <div class="col col-lg-12">
                                <label for="">ملاحظات</label>
                                <textarea name="notes" placeholder="ملاحظات">{{ $royal_amnesty->notes }}</textarea>
                            </div>

                        </div>
                    </div>

                    <button class="col-12 col-md-6 btn primary gpx-30 ms-30 me-30 mb-15">حفظ</button>

                </div>
            </div>
        </div>

</form>

@endsection

@section('script')
    <script src="{{ asset('assets/js/ajax_judgement.js') }}" defer></script>

    <script>
        $(document).ready(function() {
            setOccasionData();

            $('#occasion_manually').on('change', function() {
                setOccasionData();
            });

            $('#form_request_ajax').on('submit', function(event) {
                checkIfAllChecked();
            });

            function checkIfAllChecked() {
                if ($('[name="amnesty_prison_type"]:checked').length === 0) {
                    Phenix(document).notfications({ message: 'يجب اختيار مقدار الاستحقاق لعقوبة السجن' ,  type: 'error', duration: 5000});
                    return;
                }

                if ($('[name="amnesty_fine_type"]:checked').length === 0) {
                    Phenix(document).notfications({ message: 'يجب اختيار مقدار الاستحقاق لعقوبة الغرامة المالية' ,  type: 'error', duration: 5000});
                    return;
                }
            }

            function setOccasionData() {
                let occasion_number = $('#occasion_manually').find(':selected').data('number');
                let occasion_date = $('#occasion_manually').find(':selected').data('date');
                let occasion_before_date = $('#occasion_manually').find(':selected').data('before');

                $('#occasion_number').text(occasion_number);
                $('#occasion_date').text(occasion_date);
                $('#occasion_before_date').text(occasion_before_date);

                $('[name="amnesty_number"]').val(occasion_number);
                $('[name="amnesty_date_hijri"]').val(occasion_date);
                $('[name="issue_occured_date_before_hijri"]').val(occasion_before_date);
            }
        });
    </script>
@endsection