@extends('layouts.app')

@section('content')

<form action="{{ route('discounts.replaced-duration.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>
        <button class="btn small primary">حفظ </button>
    </div>
    <div class="row">
        <!-- Column Prisoner Information -->
        <x-prisoner-info   />

        <!-- Widget Group -->
        <x-issue-info/>
    </div>


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

             <!-- Grid -->
             <div class="row">
                <!-- Column -->
                <div class="col-12 col-md-6 ">
                    <!-- Controls Widget -->
                    <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">
                            <!-- Controls Group -->
                            <div class="flexbox align-center-y ">

                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">تاريخ نهاية المحكومية</label>
                                    <div class="pos-rel">
                                        <input type="text" class="req date-hijri " id="judgement_end_date" readonly/>
                                    </div>
                                </div>

                                <input type="hidden" name="judgment_date" id="judgment_date">
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">المدة المتبقية على انتهاء المحكومية : </label>
                                    <div class="row align-center-y">
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="reminder_years" id="full_duration_residual_year" placeholder="سنة" readonly />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="reminder_months" id="full_duration_residual_month"  placeholder="شهر" readonly />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="reminder_days" id="full_duration_residual_day" placeholder="يوم" readonly />
                                        </div>
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">تاريخ إمضاء نصف المحكومية للحق العام  </label>
                                    <div class="pos-rel">
                                    <input type="text" class="req date-hijri " id="date_half_duration" readonly/>
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">المدة المتبقية على إمضاء نصف المحكومية للحق العام  : </label>
                                    <div class="row align-center-y">
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="half_years" id="half_duration_residual_year" placeholder="سنة"  readonly/>
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="half_months" id="half_duration_residual_month" placeholder="شهر"  readonly/>
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="half_days" id="half_duration_residual_day" placeholder="يوم" readonly/>
                                        </div>
                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">المدة المتبقية القابلة للاستبدال بمقابل مالي : </label>
                                    <div class="row align-center-y">
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="available_years" id="duration_open_replaces_year" placeholder="سنة" readonly />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="available_months" id="duration_open_replaces_month" placeholder="شهر" readonly />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="req" name="available_days" id="duration_open_replaces_day" placeholder="يوم"  readonly/>
                                        </div>
                                    </div>
                                </div>

                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">مقدار المبلغ المستحق</label>
                                    <input type="text" class="req" id="avaliable_amount_owed" placeholder="مقدار المبلغ المستحق" readonly />
                                </div>
                            </div>
                            <!-- // Controls Group -->
                        </div>
                        <!-- // Content -->

                    </div>
                    <!-- // Controls Widget -->
                    <!-- Controls Widget -->
                    <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">
                            <!-- Controls Group -->
                            <div class="flexbox align-center-y">
                                <!-- Form Control -->
                                <div class="col-12 mb-5">
                                    <label class="checkbox fs-13 mb-0">
                                        <input class=" checked" type="radio" name="type_approved_recommendation"  value="approved">
                                        <span>تم الموافقة على استبدال مدة من الحبس بمقابل مالي</span>
                                    </label>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class="checkbox fs-13">
                                        <input class=" checked"  type="radio" name="type_approved_recommendation" value="reject">
                                        <span>تم رفض استبدال مدة من الحبس بمقابل مالي</span>
                                    </label>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">جهة إصدار الخطاب</label>
                                    <input type="text" class="req" name="letter_source" value="" placeholder="جهة إصدار الخطاب" />
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">رقم الخطاب</label>
                                    <input type="text" class="req" name="letter_number" placeholder="رقم الخطاب" value="" />
                                </div>
                                <!-- Form Control -->
                                <div class="col-12">
                                    <label class="mb-5">تاريخ الخطاب </label>
                                    <div class="pos-rel">
                                        <input type="text" class="req date-hijri" name="letter_date_hijri" value="" />
                                        </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">ملاحظات</label>
                                    <textarea class="req" name="approved_recommendation_notes" placeholder="ملاحظات"></textarea>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">المدة الموافق على استبدالها بمقابل مالي : </label>
                                    <div class="row align-center-y">
                                        <div class="col-md-4 col-6">
                                            <input  type="number" class="" name="duration_approved_year" id="approved_years" value="" placeholder="سنة" />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input  type="number" class="monthcalc" name="duration_approved_month" id="approved_months" value="" placeholder="شهر" />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input  type="number" class="daycalc" name="duration_approved_day" id="approved_days" value="" placeholder="يوم" />
                                        </div>

                                    </div>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15">
                                    <label class=" mb-5">مقدار المبلغ المستحق</label>
                                    <input  type="text" class="req" name="amount" id="amount" readonly placeholder="مقدار المبلغ المستحق" value="" />
                                </div>
                            </div>
                            <!-- // Controls Group -->
                        </div>
                        <!-- // Content -->
                    </div>
                </div>
                <!-- Column -->





                <div class="col-12 col-md-6">
                    <!-- Controls Widget -->
                    <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">
                            <!-- Controls Group -->
                            <div class="flexbox align-center-y">
                                <!-- Form Control -->
                                <div class="col-12 mb-5">
                                    <label class="checkbox fs-13">


                                        <input class="req checked" type="radio" name="type_committee_recommendation"  value="all">
                                        <span>توصي اللجنة بالموافقه على استبدال كامل المدة المتبقية من المحكومية بمقابل مالي </span>
                                    </label>
                                </div>

                                   <!-- Form Control -->
                                   <div class="col-12 mb-5">
                                    <label class="checkbox fs-13">
                                        <input class="req checked" type="radio" name="type_committee_recommendation" value="reject">
                                        <span>توصي اللجنة بعدم الموافقة عل استبدال  المتبقية من المحكومية بمقابل مالي   </span>
                                    </label>
                                </div>


                                <!-- Form Control -->

                                <!-- Form Control -->
                                <div class="col-12 mb-5">
                                    <label class="checkbox fs-13">
                                        <input class="req checked" type="radio" name="type_committee_recommendation"  value="part">
                                        <span>توصي اللجنة بالموافقه على استبدال مدة  </span>
                                    </label>
                                </div>
                                <!-- Form Control -->
                                <div class="col-12 mb-15 type_committee_recommendation_duration_container hidden">
                                    <div class="row align-center-y">
                                        <div class="col-md-4 col-6">
                                            <input type="text" class=""  name="duration_committee_year" value="" placeholder="سنة" />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="monthcalc"  name="duration_committee_month" value="" placeholder="شهر" />
                                        </div>
                                        <div class="col-md-4 col-6">
                                            <input type="text" class="daycalc"  name="duration_committee_day" value="" placeholder="يوم" />
                                        </div>

                                    </div>
                                </div>


                                <!-- Form Control -->
                                <div class="col-12 mb-15 type_committee_recommendation_notes_container hidden">
                                    <label class=" mb-5">المبررات</label>
                                    <textarea type="text" name="reason" class="req" placeholder=""></textarea>
                                </div>


                            </div>
                            <!-- // Controls Group -->
                        </div>
                        <!-- // Content -->
                    </div>
                    <!-- // Controls Widget -->
                </div>

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




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


    </div>
</form>
@endsection


@section('script')

    <script src="{{ asset('assets/js/ajax_judgement.js') }}"></script>
    <script src="{{ asset('assets/js/pages/discounts/replaced_duration.js') }}" defer></script>
    <script>
        $(function(){

            $("#prisoner_issue_number").change(function(){
                get_data_replaces_duration($(this).val());
            })


            $("input[name='type_committee_recommendation']").click(function(){
                $(".type_committee_recommendation_notes_container").removeClass('hidden')
                if($(this).val() == "part"){
                    $(".type_committee_recommendation_duration_container").removeClass('hidden');
                }else{
                    $(".type_committee_recommendation_duration_container").addClass('hidden');

                }
            })
         })


         function get_data_replaces_duration(issue_id , replaced_duration_id=null){
            var url = "{{ route('discounts.replaced-duration.get_data') }}?issue_id="+issue_id
            $.ajax({
                url:url,
                success:function(res){
                    $.each(res.data , function(key , val){
                        if(typeof val == "object"){
                            $.each(val , function(sub_key , sub_val){
                                $("#"+key+"_"+sub_key).val(sub_val)
                            })
                        }else{
                            $("#"+key).val(val)
                        }
                    })
                },
                error:function(res){
                    console.log(res)
                    if(res.status == 400){
                        Phenix(document).notfications({ message: res.responseJSON.message, type: 'error', duration: 5000, });
                    }
                }
            })
         }
    </script>

@endsection