@extends('layouts.app')

@section('content')

<form action="{{ route('discounts.quarter.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" 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>
    </div>
    <!-- // Page Title -->

    <div class="row">

        <x-prisoner-info type="quarter-judgement" />

        <x-issue-info type="show_in_discounts" />

        <!-- Column -->

        <div class="col-12 col-md-12">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form hidden" id="div_other_issue">
                <!-- 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"  id="other_issues">




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


        <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"></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=""
                                >
                                %
                            </label>

                            <input type="hidden" name="system_recommendation" value="0">
                            <input type="hidden" name="discount_type" value="quarter">
                        </div>
                    </div>


                    <hr class="mb-10" />


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

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

                    <hr class="mb-10" />


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

                    </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=""
                        readonly
                    >

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

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

                    <label for="">ملاحظات </label>
                    <textarea name="notes_duration" class="clear_recommendation"></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"
                        >
                        <span>تم الموافقه على العفو</span>
                    </label>

                    <label class="checkbox fs-13 me-20">
                        <input
                            type="radio"
                            class="req"
                            name="pardon_approved"
                            value="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=""
                        >

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

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



                        <label for="">ملاحظات </label>
                        <textarea name="pardon_notes" class="clear_remission" ></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/qurater_terms.js') }}" defer></script>

    <script>
        $(function(){
            $("#prisoner_issue_number").change(function(){
                $.ajax({
                    url:"{{ route('discounts.quarter_get_other_issue') }}?issue_id="+$(this).val()+"&prisoner_id="+$("#prisoner_id").val(),
                    success:function(res){
                        if(res.data.length){
                            $("#div_other_issue").removeClass('hidden')
                            var html_content = ``;


                            $.each(res.data , function(key , value){
                                var date =  new Date(value.arrest_order.stop_date_time_hijri);
                                var month = date.getMonth() + 1;
                                if(month.length == 1){
                                    month = "0" + month;
                                }
                                var date_format = date.getFullYear() + "-" + month + "-" + date.getDate()
                                html_content+=`
                                <div class="row " style="border: solid rgb(0, 0, 0) 1px ; padding:10px ; font-size:14px">
                                    <div class="col-4">
                                        رقم القضية  : ${value.issue_number}
                                    </div>
                                    <div class="col-4">
                                        تاريخ انتهاء المحكومية : ${value.judgement_end_date}
                                     </div>
                                    <div class="col-4">
                                        مدة عقوبة السجن النافذ للحق العام  :  ${value.main_judgement.total_duration_public_imprisonment}
                                    </div>
                                    <div class="col-4">
                                         تاريخ التوقيف  :  ${date_format}
                                    </div>
                                    <div class="col-4">
                                        تاريخ وقوع الجريمة   :  ${value.crime_date_occurred_hijri}
                                    </div>
                                </div>
                                `
                            })

                            $("#other_issues").html(html_content)
                        }


                    }
                })
            })
        })
    </script>
@endsection