@extends('layouts.app')

@section('content')

    <form action="{{ route('discounts.education_training_remission.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 -->


        <div class="row">
            <x-prisoner-info />
            <x-issue-info type="show_in_discounts" />
        </div>

        <!-- Widget Block -->
        <div class="widget-block mb-30 white-bg radius-g pdb-20">
            <!-- Widget Main Title -->
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary"> اختيار نوع التحصيل </h3>
            <!-- Content -->
            <div class="widget-content pdx-20 pdb-20">

                <div class="repeater mb-15">
                     <!-- Checkbox -->
                    <label class="checkbox fs-13 me-20">
                        <input
                            type="checkbox"
                            name="is_learning"
                            class="check-toggle"
                            data-target="options-1"
                            date-requered="1"
                            value="0"
                        >
                        <span>تعليم </span>
                    </label>

                    <div class="pd-25 alpha-05-bg  hidden-options hidden" id="options-1" data-repeater-list="learning">
                        <!-- sub-Title -->
                        <h5 class="mb-15 normal-weight flexbox align-between fs-17">
                            تعليم
                            <button type="button" data-number_multi="1"  class="btn primary display-block square fas fa-plus tiny btn_add_learning " data-repeater-create></button>
                        </h5>

                        <div class="row divider-b mb-15 box_add_learning" data-repeater-item>
                            <!-- Layout Column -->
                            <div class="col">

                                <div class="control-icon labeled fas fa-bars">
                                    <select name="learn_level">
                                        <option value="">-- المرحلة الدراسية --</option>
                                        @foreach( config('static_discount.learn_level') as $key => $learn_level)
                                            <option value="{{ $key }}" >
                                                {{ $learn_level }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>
                            <!-- Layout Column -->
                            <div class="col">

                                <div class="control-icon labeled fas fa-bars">
                                    <select name="edu_select" class="edu_select">
                                        <option value="" >-- الصف الدراسي --</option>
                                        @foreach( config('static_discount.learn_class') as $key => $learn_class)
                                            <option value="{{ $key }}" >
                                                {{ $learn_class }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>
                            <!-- Layout Column -->
                            <div class="col">

                                <div class="control-icon labeled fas fa-bars">
                                    <select name="year_id" class="">
                                        <option value=""  >-- العام--</option>
                                        @foreach( $years as $year)
                                            <option value="{{ $year->id }}"  >
                                                {{ $year->title }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>
                            <!-- Delete Button -->
                            <button type="button"  class="btn transparent danger-color display-block square fas fa-times tiny btn_remove_learning" data-repeater-delete></button>
                        </div>

                    </div>
                </div>


                <div class="repeater">
                      <!-- Checkbox -->
                    <label class="checkbox fs-13 me-20">
                        <input
                            type="checkbox"
                            name="is_traning"
                            class="check-toggle"
                            data-target="options-2"
                            date-requered="1"
                            value="0"
                        >
                        <span> تدريب </span>
                    </label>

                    <div class="pd-25 alpha-05-bg hidden-options hidden" id="options-2" data-repeater-list="traning">
                        <!-- sub-Title -->
                        <h5 class="mb-15 normal-weight flexbox align-between fs-17">
                             تدريب
                            <button type="button" class="btn primary display-block square fas fa-plus tiny" data-repeater-create></button>
                        </h5>


                        <div class="row divider-b mb-15" data-repeater-item>

                            <div class="col">
                                <input type="text" placeholder="اسم البرنامج" name="program_name" >
                            </div>

                            <div class="col">

                                <div class="control-icon labeled fas fa-bars">
                                    <select name="learn_classes" class="traning_select">
                                        <option value="">-- عدد الفصول --</option>
                                        @foreach( config('static_discount.learn_classes') as $key => $learn_classes)
                                            <option value="{{ $key }}" >
                                                {{ $learn_classes }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>

                            <div class="col">

                                <div class="control-icon labeled fas fa-calendar-alt pos-rel">
                                    <input type="text" autocomplete="off" id="program_end_date" class="date-hijri date_end_program" placeholder="تاريخ اتنهاء البرنامج" name="date_end_program_hijri">
                                </div>

                            </div>
                            <!-- Delete Button -->
                            <button  type="button" class="btn transparent danger-color display-block square fas fa-times tiny" data-repeater-delete></button>
                        </div>


                    </div>
                </div>

            </div>
            <!-- Content -->
        </div>


        <!-- Widget Block -->
        <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form">
            <!-- Widget Main Title -->
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary"> بيانات الخطاب </h3>
            <!-- Content -->
            <div class="widget-content pdx-20 pdb-20">
                <!-- Grid -->
                <div class="row">
                    <div class="col-12 col-md-4">
                        <label for="">مصدر الخطاب </label>
                        <input
                            type="text"
                            name="letter_source"
                            class=""
                            value=""
                        >
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="">رقم الخطاب </label>
                        <input
                            type="text"
                            name="letter_number"
                            class=""
                            value=""
                        >
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="">تاريخ الخطاب </label>
                        <input type="text" name="letter_data_hijri" class="date-hijri" value="">
                    </div>

                </div>
            </div>
        </div>

        <!-- Widget Block -->
        <div class="widget-block mb-30 white-bg radius-g pdb-20">
            <!-- Widget Main Title -->
            <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">مقدار الاستحقاق </h3>
            <!-- Content -->
           <div style="padding: 10px">
            <button type="button" style="width: 25%" action="{{ route('discounts.education_training_remission.get_duration_ajax') }}"    class="btn fluid primary btn-show-duration">اظهار مدة الاستحقاق</button>
           </div>
            <div class="widget-content pdx-20 pdb-20">
                <!-- Grid -->
                <div class="row">


                    <div class="col-12 col-md-3">
                        <label for="">عدد السنوات </label>
                        <input
                            type="number"
                            id="input_year"
                            readonly
                            value=""
                        >
                    </div>





                    <div class="col-12 col-md-3">
                        <label for="">عدد الشهور </label>
                        <input
                            type="number"
                            name="month_number"
                            readonly
                            value=""
                            id="input_month"
                            class="monthcalc"
                        >
                    </div>

                    <!-- Form Control -->
                    <div class="col-12 col-md-3">
                        <label for="">عدد الايام</label>
                        <input
                            type="number"
                            class="req daycalc"
                            readonly
                            name="days_number"
                            id="input_day"
                            value=""
                        >
                    </div>



                    <div class="col-12">
                        <label for="">ملاحظات </label>
                        <textarea name="notes"></textarea>
                    </div>

                </div>
            </div>
        </div>

        <div class="col-12 col-md-6">
            <!--  -->
            <label for="" class="color-transparent">..</label>
            <button class="btn fluid primary">حفظ</button>
        </div>

    </form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/ajax_judgement.js') }}" defer></script>
    <script src="{{ asset('assets/js/pages/traning_amnesty.js') }}"></script>
@endsection