@extends('layouts.app')

@section('content')

<form action="{{ route('settings.related-issues.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
    @csrf

    <input type="hidden" name="type" value="5">
    <!-- 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">
                        <label for="general_case_category">التصنيف العام للقضية</label>
                        <select class="col-12 advanced-select" dir="rtl" name="main_category_id" id="main_category_id"
                        data-url="{{ route('judgement-and-issues.issues.main-issues.get_sub_categories') }}">
                            <option value="">-- اختر --</option>
                            @foreach ($parentCategories as $parent)
                            <option value="{{ $parent->id }}"> {{ $parent->name }} --</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col pds-15">
                        <label for="general_case_category">التصنيف الفرعي للقضية</label>
                        <select class="col-12 advanced-select" dir="rtl" name="sub_category_id" id="sub_category_id">
                            <option value="">-- اختر --</option>
                        </select>
                    </div>


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

        <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">
                        <label for="general_case_category">التصنيف العام للقضية</label>
                        <select class="col-12 advanced-select" dir="rtl" name="related_category_id" id="related_parent_category"
                        data-url="{{ route('judgement-and-issues.issues.main-issues.get_sub_categories') }}">
                            <option value="">-- اختر --</option>
                            @foreach ($parentCategories as $parent)
                                <option value="{{ $parent->id }}"> {{ $parent->name }} --</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col pds-15">
                        <label for="general_case_category">التصنيف الفرعي للقضية</label>
                        <select class="col-12 advanced-select" dir="rtl" name="related_sub_category_id" id="related_sub_category">
                            <option value="">-- اختر --</option>
                        </select>
                    </div>

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

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

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