@extends('layouts.app')

@section('content')
    <form action="{{route('precedent.restriction.store')}}" class="col col-lg-9 pd-30 mb-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 -->
            <!-- Column Prisoner Information -->
            <x-prisoner-info />
            <!-- Widget Group -->

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

            <!-- Widget Block -->
            <div class="col-12">
                <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">
                        <!-- grid -->
                        <div class="row gpx-15">
                            <div class="col-12 col-md-12 widget-block ">
                                <!-- Controls Widget -->
                                <!-- Title -->

                                <!-- Controls Group -->
                                <div class="flexbox divider-b mb-20">

                                    <!-- Form Controls -->

                                    {{--<input type="hidden" name="record_status" value="">--}}
                                    <div class="col col-12 pds-15 toggle_slideshow">
                                        <div class="row">
                                            @foreach(config('static.record_restriction_issues') as $key=>$value)
                                            <div class="col col-md-4 pdx-15">
                                                <!-- radio -->
                                                <label class="checkbox fs-13">
                                                    <input type="radio" name="record_status" value="{{$key}}">
                                                    <span>{{$value}}</span>
                                                </label>
                                                <!-- // radio -->
                                            </div>
                                            @endforeach
                                        </div>



                                        <div class="targets_data hidden">
                                            <label for="recommendation"> التوصية</label>

                                            <select name="recommendation" id="">
                                                <option value="">اختر</option>
                                                @foreach(config('static.recommendation') as $key=>$value)
                                                <option value="{{$key}}">{{$value}}</option>
                                                @endforeach

                                            </select>

                                            <label for="letter_number">جهة إصدار الخطاب</label>
                                            <input class="" type="text" placeholder="رقم الخطاب"
                                                   name="letter_source" value="">
                                            <label for="letter_number">رقم الخطاب</label>
                                            <input class="" type="text" placeholder="رقم الخطاب"
                                                   name="letter_number" value="">
                                            <label for="letter_date">تاريخ الخطاب</label>
                                            <div class="pos-rel">
                                                <input type="text" name="letter_date_hijri" id="letter_date"
                                                       value="" class="date-hijri">
                                            </div>

                                        </div>

                                    </div>

                                    <!-- // Form Controls -->
                                </div>
                                <!-- // Controls Group -->
                            </div>



                        </div>


                        <!-- // grid -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>


            <div class="col-12">
                <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">

                        <label for="notes"> رقم الملف </label>
                        <input class="col-4" type="text" placeholder="رقم الملف" name="file_number"
                               value="">


                        <label for="notes"> ملاحظات </label>
                        <textarea class="col-8" name="notes" id="" cols="30" rows="10">  </textarea>

                    </div>

                </div>


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

@section('script')
    <script src="{{ asset('assets/js/ajax_judgement.js') }}"></script>

    <script>
        $(function() {

            $('input[name="record_status"]').on('change', function() {
                if ($(this).val() !== 'part') {
                    $('.targets_data').addClass('hidden');
                    $('.targets_data input, .targets_data select').val('');

                } else {

                    $('.targets_data').removeClass('hidden');
                }
                console.log("klk")
            });
        });
    </script>
@endsection