@extends('layouts.app')

@section('content')

    <form action="{{ route('release.re_bail_release.update' , $quarter_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>
            <button class="btn small primary">حفظ </button>
        </div>

        <div class="row">

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

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

            <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 primary">بيانات إخلاء السبيل</h3>

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

                        <div class="row gpx-10 ms-10 me-10 divider-b mb-15">

                            <div class="col-6 col-lg-6">
                                <span>تاريخ إطلاق السراح</span>

                                <label class="release_date_time fs-13">
                                    <input
                                        type="text"
                                        class="date-hijri req"
                                        placeholder=""
                                        name="release_date_time"
                                        value=""
                                        readonly
                                    >
                                </label>
                            </div>

                            <div class="col-6 col-lg-6">
                                <span>مدة ربع المحكومية المعفي منها</span>

                                <label class="release_date_time fs-13">
                                    <input
                                        type="text"
                                        class="req"
                                        placeholder=""
                                        name="release_date_time"
                                        value=" {{ $quarter_discount->discount_issue->count_days }} يوم"
                                        readonly
                                    >
                                </label>
                            </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">

                        <div class="row gpx-10 ms-10 me-10 divider-b mb-15">

                            <div class="col-12 col-lg-12">
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="re_duration" value="0"  class="req">
                                    <span>تعديل المدة المعادة </span>
                                </label>
                            </div>

                            <div class="col col-lg-4">
                                <label for="">يوم</label>
                                <input type="number" readonly class="req" placeholder="يوم" name="re_duration_days" value="">
                            </div>

                            <div class="col col-lg-4">
                                <label for="">شهر</label>
                                <input type="number" readonly class="req" placeholder="شهر" name="re_duration_months" value="">
                            </div>

                            <div class="col col-lg-4">
                                <label for="">سنة</label>
                                <input type="number" readonly class="req" placeholder="سنة" name="re_duration_years" value="">
                            </div>

                            <div class="col col-lg-4">
                                <label for="re_letter_source">مصدر الخطاب</label>
                                <input type="text" class="req" name="re_letter_source" value="" placeholder="مصدر الخطاب">
                            </div>

                            <div class="col col-lg-4">
                                <label for="re_letter_number">رقم الخطاب</label>
                                <input type="number"  class="req" name="re_letter_number" value="" placeholder="رقم الخطاب">
                            </div>

                            <div class="col col-lg-4  pos-rel">
                                <label for="re_letter_date_hijri">تاريخ الخطاب</label>
                                <input type="text" class="date-hijri req" name="re_letter_date_hijri" id="re_letter_date_hijri"  placeholder="" value="">
                            </div>

                            <div class="col col-lg-6">
                                <label for="">تاريخ الايقاف لاعادة مدة الافراج المشروط للحدث</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri req" placeholder="" name="re_stop_date_hijri" value="">
                                </div>
                            </div>

                            <div class="col col-lg-6">
                                <label for="">وقت الايقاف لاعادة مدة الافراج المشروط للحدث</label>
                                <div class="pos-rel">
                                    <input type="time" class="req" placeholder="" name="re_stop_time" value="">
                                </div>
                            </div>

                            <div class="col col-lg-12">
                                <label for="re_notes">ملاحظات</label>
                                <textarea name="re_notes" cols="30" rows="10" placeholder="ملاحظات"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col col-lg-6">
                <input type="submit" value="حفظ" class="btn primary col-12" tabindex="0" role="button" aria-pressed="false">
            </div>

        </div>
    </form>
@endsection

@section('script')
    <script>
        $('input[name="re_duration"]').on('change', function () {
            if($(this).val()==1){
                $('input[name="re_duration_years"]').attr('readonly',false)
                $('input[name="re_duration_months"]').attr('readonly',false)
                $('input[name="re_duration_days"]').attr('readonly',false)
            }else{
                $('input[name="re_duration_years"]').attr('readonly',true).val('')
                $('input[name="re_duration_months"]').attr('readonly',true).val('')
                $('input[name="re_duration_days"]').attr('readonly',true).val('')
            }
        });
    </script>
@endsection