@extends('layouts.app')

@section('content')

<form id="form_request_ajax" action="{{ route('settings.big-issues.store') }}"  class="col col-lg-9 pd-30" id="submitForm">
    @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 type="submit" class="btn small primary">حفظ </button>
    </div>
    <!-- // Page Title -->
    @csrf  <!-- token create  -->

    <!-- Grid -->
    <div class="row">
        <!-- Column -->
        <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>
                <div class="widget-content pdx-20">
                        <div class="col pds-15 col-12">

                            <label class="col-3 mb-15"> تصنيف القضية الاساسى </label>
                            <select class="col-9 input_validation advanced-select" dir="rtl"
                                data-url="{{ route('judgement-and-issues.issues.main-issues.get_sub_categories') }}"
                                data-url_data_category="{{ route('judgement-and-issues.issues.main-issues.get_data_category') }}"
                                id="main_category_id" name="main_category_id">
                                <option value="">-- اختيار --</option>
                                @foreach ($main_catgories as $category)
                                    <option value="{{ $category->id }}">{{ $category->name }}</option>
                                @endforeach
                            </select>
                            <label class="col-3 mb-15">تصنيف القضية الفرعى</label>
                            <select id="sub_category_id" class="col-9 input_validation advanced-select"
                                data-url_data_category="{{ route('judgement-and-issues.issues.main-issues.get_data_category') }}"
                                dir="rtl" name="sub_category_id">
                                <option value="">-- اختيار --</option>
                            </select>
                        </div>
                </div>
                <!-- Content -->
            </div>
        </div>

    </div>

    <div class="row">

        <div class="widget-block col-6 mb-30 white-bg radius-g pdb-20 repeater">
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                <span> اضافة مجموعة الشروط الاولى للقضية </span>
                <button class="btn primary display-block square fas fa-plus tiny" onclick="return false" data-repeater-create></button>
            </h3>
            <!-- Group Wrapper -->
            <div data-repeater-list="condition_1">
                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15 " data-repeater-item>
                        <!-- Layout Column -->
                        <div class="col col-lg-3 " >
                            <!-- Control Label -->
                            <label for="name">الشرط</label>
                            <!-- Control Input -->

                            <input  type="text"  name="condition" placeholder="الشرط" value="" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
            </div>
        </div>

        <div class="widget-block col-6 mb-30 white-bg radius-g pdb-20 repeater">
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                <span> اضافة مجموعة الشروط الثانية للقضية </span>
                <button class="btn primary display-block square fas fa-plus tiny" onclick="return false" data-repeater-create></button>
            </h3>
            <!-- Group Wrapper -->
            <div data-repeater-list="condition_2">
                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15 " data-repeater-item>
                        <!-- Layout Column -->
                        <div class="col col-lg-3 " >
                            <!-- Control Label -->
                            <label for="name">الشرط</label>
                            <!-- Control Input -->

                            <input  type="text"  name="condition" placeholder="الشرط" value="" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
            </div>
        </div>

        <div class="widget-block col-6 mb-30 white-bg radius-g pdb-20 repeater">
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                <span> اضافة مجموعة الشروط الثالثة للقضية </span>
                <button class="btn primary display-block square fas fa-plus tiny" onclick="return false" data-repeater-create></button>
            </h3>
            <!-- Group Wrapper -->
            <div data-repeater-list="condition_3">
                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15 " data-repeater-item>
                        <!-- Layout Column -->
                        <div class="col col-lg-3 " >
                            <!-- Control Label -->
                            <label for="name">الشرط</label>
                            <!-- Control Input -->

                            <input  type="text"  name="condition" placeholder="الشرط" value="" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
            </div>
        </div>

        <div class="widget-block col-6 mb-30 white-bg radius-g pdb-20 repeater">
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                <span> اضافة مجموعة الشروط الرابعة للقضية </span>
                <button class="btn primary display-block square fas fa-plus tiny" onclick="return false" data-repeater-create></button>
            </h3>
            <!-- Group Wrapper -->
            <div data-repeater-list="condition_4">
                    <div class="row gpx-10 ms-10 me-10 divider-b mb-15 " data-repeater-item>
                        <!-- Layout Column -->
                        <div class="col col-lg-3 " >
                            <!-- Control Label -->
                            <label for="name">الشرط</label>
                            <!-- Control Input -->

                            <input  type="text"  name="condition" placeholder="الشرط" value="" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
            </div>
        </div>


    </div>
    <!-- // Grid -->


        <button type="submit" class="btn primary fluid">حفظ </button>

</form>
@endsection

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