@extends('layouts.app')

@section('content')

<form action="{{ route('discounts.congestion_remission.update' , $discount->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">تعديل عفو الازدحام</h1>
    </div>


    <div class="row">

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

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

        <!-- Column -->
        <div class="col-12 col-md-6">
            <!-- Widget Block -->
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    توصية النظام واللجنة
                </h3>
                <!-- Content -->
                <div class="widget-content pdb-20 pdx-20">
                    <!-- Form Control -->

                    <div class="flexbox">
                        <div class="pdb-5 col-6">
                            <span class="inline-block mt-10">النظام يوصي  :   </span>
                            <span class="inline-block system_recommend mt-10">{{ ($discount->system_recommendation) ? "بالموافقة على التخفيض" : "بعدم الموافقة على التخفيض" }}</span>
                        </div>

                        <div class="pdb-5 col-6">
                            <label class="col-sm-12"> النسبة
                                <input
                                    type="text"
                                    readonly
                                    aria-readonly="true"
                                    {{--  min="0"
                                    max="100"  --}}
                                    class="col-5 col-sm-3 system_recommend_value col-md-5 form-control small inline-control "
                                    id="system_percentage"
                                    name="percentage"
                                    value="{{ $discount->percentage }}"
                                >
                                %
                            </label>

                            <input type="hidden" name="system_recommendation" value="{{ $discount->system_recommendation }}">
                            <input type="hidden" name="discount_type" value="congestion">
                        </div>
                    </div>


                    <hr class="mb-10" />


                    <label class="checkbox fs-13 me-20">
                        <input
                            type="radio"
                            class="radio-0"
                            name="committee_recommendation"
                            value="1"
                            @checked($discount->committee_recommendation == 1)
                        >
                        <span>توصي اللجنة بالموافقة على التخفيض</span>
                    </label>

                    <label class="checkbox fs-13 me-20">
                        <input
                            type="radio"
                            class="radio-0"
                            name="committee_recommendation"
                            value="0"
                            @checked($discount->committee_recommendation == 0)
                        >
                        <span>توصي اللجنة بعدم الموافقه على التخفيض</span>
                    </label>



                    <hr class="mb-10" />


                    <label for="">المبررات  : </label>
                    <textarea name="committee_justifications" id="" cols="30" rows="10">
                        {{ $discount->committee_justifications }}
                    </textarea>

                </div>

            </div>
            <!-- // Widget Block -->


            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->

                <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    مقدار الاستحقاق
                    <span class="btn primary radius-sm" id="getvalueOfRemission">اظهار القيمة المستحقة</span>
                </h3>
                <!-- Content -->
                <div class="widget-content pdx-20 pdb-20"  id="claiming_amount">

                    <label for="">عدد الايام</label>
                    <input
                        type="number"
                        class="req daycalc clear_recommendation"
                        placeholder=""
                        name="days"
                        value="{{ $discount->days }}"
                        readonly
                    >

                    <label for="">عدد الشهور</label>
                    <input
                        type="number"
                        placeholder=""
                        class="monthcalc clear_recommendation"
                        name="months"
                        value="{{ $discount->months }}"
                        readonly
                    >

                    <label for="">عدد السنين </label>
                    <input
                        type="number"
                        class="clear_recommendation"
                        placeholder=""
                        name="years"
                        value="{{ $discount->years }}"
                        readonly
                    >

                    <label for="">ملاحظات </label>
                    <textarea name="notes_duration" class="clear_recommendation">
                        {{ $discount->notes_duration }}
                    </textarea>
                </div>
                <!-- // Content -->
            </div>
            <!-- // Widget Block -->
        </div>


        <!-- Column -->
        <div class="col-12 col-md-6">
            <!-- Widget Block -->
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                <!-- Title -->
                <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    قرار الحاكم الإداري
                </h3>
                <!-- Content -->
                <div class="widget-content pdx-20 pdb-20">

                    <label class="checkbox fs-13 me-20">
                        <input
                            type="radio"
                            class="req"
                            name="pardon_approved"
                            value="1"
                            @checked($discount->pardon_approved == 1)
                        >
                        <span>تم الموافقه على العفو</span>
                    </label>

                    <label class="checkbox fs-13 me-20">
                        <input
                            type="radio"
                            class="req"
                            name="pardon_approved"
                            value="0"
                            @checked($discount->pardon_approved == 0)
                        >
                        <span>تم رفض شمولة بالعفو</span>
                    </label>

                    <!-- Divider -->
                    <hr class="mb-10" />

                    <div id="remission_letter">
                        <label for="">جهة اصدار الخطاب </label>
                        <input
                            type="text"
                            class="req clear_remission"
                            placeholder=""
                            name="letter_source"
                            value="{{ $discount->discount_letter->letter_source }}"
                        >

                        <label for="">رقم الخطاب </label>
                        <input
                            type="number"
                            min="0"
                            class="req clear_remission"
                            placeholder=""
                            name="letter_number"
                            value="{{ $discount->discount_letter->letter_number }}"
                        >

                        <label for="">تاريخ الخطاب </label>
                        <input
                            type="text"
                            class="req date-hijri clear_remission"
                            id="letter_date"
                            placeholder=""
                            name="letter_date_hijri"
                            value="{{ $discount->discount_letter->letter_date_hijri }}"
                        >



                        <label for="">ملاحظات </label>
                        <textarea name="pardon_notes" class="clear_remission" >
                            {{ $discount->pardon_notes }}
                        </textarea>
                    </div>

                </div>
                <!-- // Content -->
            </div>
            <!-- // Widget Block -->
        </div>


        <div class="col-12 col-md-6">
            <!--  -->
            <label for="" class="color-transparent">..</label>
            <button class="btn fluid primary" id="save_quarter_term">حفظ</button>
        </div>


    </div>



    <div class="popup hidden" data-pd-popup="popupNew">
        <div class="popup-inner">
            <h4>بناء على الاختيارات التالية النظام سوف يحدد نسبة  التوصية!</h1>
            <div class="row mt-20" id="recommendation">

            </div>

            <button class="btn default radius-sm mt-20 mb-20" id="setRecommendation" data-pd-popup-close="popupNew">اضافة التوصية</span>

            <a class="popup-close" data-pd-popup-close="popupNew" href="#"> </a>
        </div>
    </div>

</form>
@endsection


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