@extends('layouts.app')

@section('content')
    <form action="{{ route('precedent.restriction.update', $restriction->id) }}" class="col col-lg-9 pd-30 mb-30"
        id="form_request_ajax" method="POST">
        @csrf
        @method('PUT')
        <!-- 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 :$prisoner type="not_be_modified" record=true />
            <!-- Widget Group -->

            <!-- Widget Group -->
            <x-issue-info :$issue />
            <!-- // 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" @checked($restriction->record_status == $key)
                                                            name="record_status" value="{{ $key }}">
                                                        <span>{{ $value }}</span>
                                                    </label>
                                                    <!-- // radio -->
                                                </div>
                                            @endforeach
                                        </div>



                                        <div
                                            class="targets_data {{ $restriction->record_status == 'part' ? '' : 'hidden' }}">
                                            <label for="recommendation"> التوصية</label>

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

                                            </select>

                                            <label for="letter_number">جهة إصدار الخطاب</label>
                                            <input class="" type="text" placeholder="رقم الخطاب"
                                                name="letter_source" value="{{ $restriction->letter_source }}">
                                            <label for="letter_number">رقم الخطاب</label>
                                            <input class="" type="text" placeholder="رقم الخطاب"
                                                name="letter_number" value="{{ $restriction->letter_number }}">
                                            <label for="letter_date">تاريخ الخطاب</label>
                                            <div class="pos-rel">
                                                <input type="text" name="letter_date_hijri" id="letter_date"
                                                    value="{{ $restriction->letter_date_hijri }}" 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="{{ $restriction->file_number }}">


                        <label for="notes"> ملاحظات </label>
                        <textarea class="col-8" name="notes" id="" cols="30" rows="10"> {{ $restriction->notes }} </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