@extends('layouts.app')

@section('content')

<form action="{{route('escape.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>
    <!-- // Page Title -->

      <!-- Grid -->

    <div class="row">
        <!-- Column Prisoner Information -->
        <x-prisoner-info />

        <!-- Widget Group -->
        <x-issue-info  />
    </div>
    <div class="row">


        <!-- Column  -->
        <div class="col-12 col-md-6 mb-30">
            <!-- Details Widget -->
            <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form ">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">متهرب اثناء فترة المحاكمة</h3>
                <!-- Content -->
                <div class="widget-content pdx-20 form-ui divider-b">

                    <label class="checkbox fs-13 pds-15">
{{--                        <input type="hidden" name="escaped_during_trial" value="0">--}}

                        <input type="checkbox" name="escaped_during_trial"
                               data-parent="during_letter_source" class="check-toggle"
                               data-target="escaped_during_trial" date-requered="1" value="1">
                        <span>متهرب اثناء فترة المحاكمة</span>
                    </label>

                    <div class="col-12 pds-15 " id="escaped_during_trial">

                        <div class="hidden-options  hidden" id="escaped_during_trial">
                            <label for="during_letter_source">الجهة التي أدرجته على نظام قائمة المطلوبين</label>
                            <input value="" class="input_validation" type="text" name="during_letter_source"
                                   date-requered="req">
                            <label for="during_letter_number">رقم الخطاب</label>
                            <input value="" class="input_validation" type="text" name="during_letter_number"
                                   date-requered="req">
                            <label for="during_letter_date_hijri">تاريخ الخطاب</label>
                            <div class="col-12 pos-rel">
                                <input value="" type="text" name="during_letter_date_hijri"
                                       class="date-hijri input_validation" date-requered="req">
                            </div>
                        </div>
                    </div>


                </div>

            </div>
            <!-- // Details Widget -->
        </div>
        <!-- Column  -->
        <div class="col-12 col-md-6 mb-30">
            <!-- Details Widget -->
            <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form ">
                <!-- Title -->
                <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">متهرب بعد صدور الحكم</h3>
                <!-- Content -->
                <div class="widget-content pdx-20 form-ui divider-b">

                    <label class="checkbox fs-13 pds-15">

{{--                        <input type="hidden" name="escaped_after_trial" value="0">--}}

                        <input type="checkbox" name="escaped_after_trial"
                               data-parent="escaped_after_trial" class="check-toggle"
                               data-target="escaped_after_trial" date-requered="1" value="1">
                        <span>متهرب بعد صدور الحكم</span>
                    </label>

                    <div class="col-12 pds-15 " id="escaped_after_trial">


                        <div class="hidden hidden-options" id="escaped_after_trial">
                            <label for="after_letter_source">الجهة التي أدرجته على نظام قائمة المطلوبين</label>
                            <input value="" class="input_validation" type="text" name="after_letter_source"
                                   date-requered="req">
                            <label for="after_letter_number">رقم الخطاب</label>
                            <input value="" class="input_validation" type="text" name="after_letter_number"
                                   date-requered="req">
                            <label for="after_letter_date_hijri">تاريخ الخطاب</label>
                            <div class="col-12 pos-rel">
                                <input value="" type="text" name="after_letter_date_hijri"
                                       class="date-hijri input_validation" date-requered="req">
                            </div>
                        </div>
                    </div>


                </div>

            </div>
            <!-- // Details Widget -->
        </div>
        <!-- Column  -->
            <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>


@endsection