@extends('layouts.app')

@section('content')

<form id="form_request_ajax" action="{{ route('settings.big-issues.update' , $item->id) }}"  class="col col-lg-9 pd-30" >
    @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 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 @selected($item->main_category_id ==  $category->id ) 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>
                                @foreach ($sub_categories as  $sub_category)
                                    <option @selected($item->sub_category_id  == $sub_category->id )  value="{{ $sub_category->id }}">{{ $sub_category->name }}</option>

                                @endforeach
                            </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">
                    @if (count($item->condition_1 ))
                        @foreach ($item->condition_1 as  $condition)
                        <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="{{ $condition }}" class="req">
                                <!-- // Form Control -->
                                <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                            </div>
                        </div>
                        @endforeach
                    @else
                        <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>
                    @endif


            </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">
                @if (count($item->condition_2 ))
                    @foreach ($item->condition_2 as  $condition)
                    <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="{{ $condition }}" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
                    @endforeach
                @else
                    <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>
                @endif
            </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">
                @if (count($item->condition_3 ))
                    @foreach ($item->condition_3 as  $condition)
                    <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="{{ $condition }}" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
                    @endforeach
                @else
                    <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>
                @endif
            </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">
                @if (count($item->condition_4 ))
                    @foreach ($item->condition_4 as  $condition)
                    <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="{{ $condition }}" class="req">
                            <!-- // Form Control -->
                            <button type="button" class="btn tiny square far fa-times danger-color transparent" data-repeater-delete></button>
                        </div>
                    </div>
                    @endforeach
                @else
                    <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>
                @endif
            </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