@extends('layouts.app')

@section('content')

    <form action="{{ route('discounts.education_training_remission.update' , $discount->id) }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST">
        @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 class="btn small primary">حفظ </button>

        </div>
        <!-- // Page Title -->


        <div class="row">
            <x-prisoner-info :$prisoner />
            <x-issue-info :$issue 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 @checked(count($discount->educations))
                            type="checkbox"
                            name="is_learning"
                            class="check-toggle"
                            data-target="options-1"
                            date-requered="1"
                            value="{{ count($discount->educations) ? 1 : 0 }}"
                        >
                        <span>تعليم </span>
                    </label>

                    <div class="pd-25 alpha-05-bg  hidden-options {{ count($discount->educations) ? '' : '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>

                        @if (count($discount->educations))
                            @foreach ( $discount->educations as $item)
                            <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 @selected($item->learn_level == $key) 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 @selected($item->edu_select == $key)  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 @selected($item->setting_year_id == $year->id)   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>
                            @endforeach

                        @else
                        <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>

                        @endif

                    </div>
                </div>


                <div class="repeater">
                      <!-- Checkbox -->
                    <label class="checkbox fs-13 me-20">
                        <input
                        @checked(count($discount->tranings))
                            type="checkbox"
                            name="is_traning"
                            class="check-toggle"
                            data-target="options-2"
                            date-requered="1"
                            value="{{ count($discount->tranings) ? 1 : 0 }}"
                        >
                        <span> تدريب </span>
                    </label>

                    <div class="pd-25 alpha-05-bg hidden-options {{ count($discount->tranings) ? '' : '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>


                        @if (count($discount->tranings))
                        @foreach ( $discount->tranings as $item)

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

                                <div class="col">
                                    <input type="text" value="{{ $item->program_name }}" 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  @selected($item->learn_class == $key) 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"  value="{{ $item->date_end_program_hijri }}" 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>
                        @endforeach

                        @else
                        <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>
                        @endif


                    </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="{{ $discount->letter->letter_source }}"
                        >
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="">رقم الخطاب </label>
                        <input
                            type="text"
                            name="letter_number"
                            class=""
                            value="{{ $discount->letter->letter_number }}"
                        >
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="">تاريخ الخطاب </label>
                        <input
                            type="text"
                            name="letter_data_hijri"
                            class="date-hijri"
                            value="{{ $discount->letter->letter_date_hijri }}"
                        >
                    </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 class="widget-content pdx-20 pdb-20">
                <!-- Grid -->
                <div class="row">
                    <!-- Form Control -->

                    <div class="col-12 col-md-3">
                        <label for="">اجمالى مدة الاستحقاق بالأيام </label>
                        <input
                            type="text"
                            name="all_duration"
                            class=""
                            id="input_all_duration"
                            readonly
                            value="{{ $discount->full_duration }}"
                        >

                    </div>


                    <div class="col-12 col-md-3">
                        <label for="">عدد السنوات </label>
                        <input
                            type="number"
                            name="years_number"
                            readonly
                            value="{{ $discount->years }}"
                        >
                    </div>




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

                    <div class="col-12 col-md-3">
                        <label for="">عدد الايام</label>
                        <input
                            type="number"
                            class="req daycalc"
                            readonly
                            name="days_number"
                            value="{{ $discount->days }}"
                        >
                    </div>


                    <div class="col-12">
                        <label for="">ملاحظات </label>
                        <textarea name="notes">{{ $discount->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