@extends('layouts.app')

@section('content')

    <form action="{{ route('release.re_conditional_release.update' , $conditional_release->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="$conditional_release->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="{{ optional($conditional_release->discount_letter)->letter_date_hijri }}"
                                        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="{{ optional($conditional_release->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