@extends('layouts.app')

@section('content')
    <form action="{{ route('settings.categories.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 -->
            <div class="col-6">
                <!-- Controls Widget -->
                <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">
                        <div class="col pds-15 col-12">


                            <select class="col-12 input_validation"name="category_id" id="category_id">
                                <option value="">-- الأب --</option>
                                @foreach ($parents as $parent)
                                    <option value="{{ $parent->id }}">-- {{ $parent->name }} --</option>
                                @endforeach
                            </select>
                            <span style="color:red ;  font-size:12px" class="msg msg_category_id"></span>

                            <br>


                            <input type="text" class="input_validation" name="name" id="name" placeholder="الاسم"
                                value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_name"></span>
                        </div>

                        <div class="col pds-15">
                            <label for="item_number"> رقم المادة</label>
                            <input type="text" class="input_validation" name="item_number" placeholder="رقم المادة"
                                value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_item_number"></span>
                        </div>

                        <div class="col pds-15">
                            <label for="item_number"> الفقرة الاولي</label>
                            <input type="text" class="input_validation" name="first_paragraph"
                                placeholder="الفقرة الاولي" value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_first_paragraph"></span>
                        </div>
                        <div class="col pds-15">
                            <label for="item_number"> الفقرة الثانية</label>
                            <input type="text" class="input_validation" name="second_paragraph"
                                placeholder="الفقرة الثانية" value="">
                            <span style="color:red ;  font-size:12px" class="msg msg_second_paragraph"></span>
                        </div>
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>


            <div class="col-6">
                {{--  col --}}
                <div class="col-12">
                    <!-- Controls Widget -->
                    <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="row widget-content pdx-20">
                            <div class="col-4 pds-15">
                                <label for="min_days">يوم</label>
                                <input type="number" class="input_validation" name="min_punishment_days" min="0"
                                    max="29" value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_min_punishment_days"></span>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="min_days">شهر</label>
                                <input type="number" class="input_validation" name="min_punishment_monthes" min="0" max="11"
                                    value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_min_punishment_monthes"></span>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="min_days">سنة</label>
                                <input type="number" class="input_validation" name="min_punishment_years" min="0"
                                    value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_min_punishment_years"></span>
                            </div>
                            <div class="col-12">
                                <label for="min_days">الحد الأدني لعقوبة الغرامة المالية</label>
                                <input type="number" class="input_validation" name="min_punishment_fine" min="0"
                                    value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_min_punishment_fine"></span>
                            </div>
                        </div>
                        <!-- // Content -->
                    </div>
                    <!-- // Controls Widget -->
                </div>

                {{--  col --}}
                <div class="col-12">
                    <!-- Controls Widget -->
                    <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="row widget-content pdx-20">
                            <div class="col-4 pds-15">
                                <label for="min_days">يوم</label>
                                <input type="number" class="input_validation" name="max_punishment_days" min="0"
                                    max="30"value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_max_punishment_days"></span>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="min_days">شهر</label>
                                <input type="number" class="input_validation" name="max_punishment_monthes"
                                    min="0" max="12" value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_max_punishment_monthes"></span>
                            </div>
                            <div class="col-4 pds-15">
                                <label for="min_days">سنة</label>
                                <input type="number" class="input_validation" name="max_punishment_years"
                                    min="0" placeholder="5" value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_max_punishment_years"></span>
                            </div>
                            <div class="col-12">
                                <label for="min_days">الحد الاقصي لعقوبة الغرامة المالية</label>
                                <input type="number" class="input_validation" name="max_punishment_fine" min="0"
                                    value="0">
                                <span style="color:red ;  font-size:12px" class="msg msg_max_punishment_fine"></span>
                            </div>
                        </div>
                        <!-- // Content -->
                    </div>
                    <!-- // Controls Widget -->
                </div>

            </div>



            {{--  col --}}
            <div class="col-6">
                <!-- Controls Widget -->
                <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="row widget-content pdx-20">
                        <div class="col-4 pds-15">
                            <label for="min_days">بيانات القضية غير قابلة للتحديث</label>
                            <!-- Switch button Skin -->
                            <label class="switch-control fs-13">
                                <input type="checkbox" name="close">
                                <span class="switch"></span>
                            </label>
                            <span style="color:red ;  font-size:12px" class="msg msg_close"></span>
                            <!-- // Switch button Skin -->
                        </div>


                        <div class="col-4 pds-15">
                            <label for="min_days">حق خاص</label>
                            <!-- Switch button Skin -->
                            <label class="switch-control fs-13">
                                <input type="hidden" name="private_right" value="0">
                                <input type="checkbox" name="private_right" value="1">
                                <span class="switch"></span>
                            </label>
                            <span style="color:red ;  font-size:12px" class="msg msg_private_right"></span>
                            <!-- // Switch button Skin -->
                        </div>

                        <div class="col-4 pds-15">
                            <label for="min_days"> قضية كبيرة </label>
                            <!-- Switch button Skin -->
                            <label class="switch-control fs-13">
                                <input type="hidden" name="big" value="0">
                                <input type="checkbox" name="big" value="1">
                                <span class="switch"></span>
                            </label>
                            <span style="color:red ;  font-size:12px" class="msg msg_big"></span>
                            <!-- // Switch button Skin -->
                        </div>

                        <div class="col-4 pds-15">
                            <label for="min_days"> تستوجب الاعدام </label>
                            <!-- Switch button Skin -->
                            <label class="switch-control fs-13">
                                <input type="hidden" name="execution" value="0">
                                <input type="checkbox" name="execution" value="1">
                                <span class="switch"></span>
                            </label>
                            <span style="color:red ;  font-size:12px" class="msg msg_execution"></span>
                            <!-- // Switch button Skin -->
                        </div>

                        <div class="col-4 pds-15">
                            <label for="min_days"> تتعلق بالامن الوطنى </label>
                            <!-- Switch button Skin -->
                            <label class="switch-control fs-13">
                                <input type="hidden" name="national_security" value="0">
                                <input type="checkbox" name="national_security" value="1">
                                <span class="switch"></span>
                            </label>
                            <span style="color:red ;  font-size:12px" class="msg msg_national_security"></span>
                            <!-- // Switch button Skin -->
                        </div>

                        <div class="col-4 pds-15">
                            <label for="min_days"> تستوجب الابعاد للوافد </label>
                            <!-- Switch button Skin -->
                            <label class="switch-control fs-13">
                                <input type="hidden" name="requires_dimensions" value="0">
                                <input type="checkbox" name="requires_dimensions" value="1">
                                <span class="switch"></span>
                            </label>
                            <span style="color:red ;  font-size:12px" class="msg msg_requires_dimensions"></span>
                            <!-- // Switch button Skin -->
                        </div>





                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>



        </div>
        <!-- // Grid -->
    </form>
@endsection