@extends('admin.layout.index')
@section('content')
    @include("admin.layout.nav",["title" => trans('language.dashboard')])
    <div class="d-flex flex-column-fluid">
        <div class="container-fluid">
            <div id="kt_app_content" class="app-content  flex-column-fluid ">

                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container  container-xxl ">
                    <!--begin::Careers main-->
                    <div class="">
                        <!--begin::Content-->
                        <div class="card bg-body me-xl-9 mb-9 mb-xl-0">
                            <div class="card-body">
                                <h3 class="text-primary " style="font-weight: bolder"> إضافة طلب منحة تعليم </h3>
                                <hr>
                                <form action="{{route("admin.applications.educationStore")}}"
                                      enctype="multipart/form-data"
                                      class="form mb-15 fv-plugins-bootstrap5 fv-plugins-framework"
                                      method="post" id="kt_careers_form">
                                    @csrf
                                    <div class="col-md-12">
                                        <!--begin:: Names inputs -->
                                        <div class="row mb-5">
                                            @include("admin.layout.alert")
                                            <div class="col-md-6 pt-4 ">
                                                <label class="required">{{__("اختر المستفيد")}}</label>
                                                <div class="">
                                                    <select style="height: 40px !important;" id="user_id"
                                                            required class="form-control select2" name="user_id">
                                                        @foreach(\App\Models\User::where("user_type_id",2)->whereHas('orderRelation')->get() as $user)
                                                            <option @if(old("user_id") == $user->id) selected
                                                                    @endif value="{{$user->id}}">{{$user->name}} {{$user->id_number}}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-6 pt-4">
                                                <label class="required">{{__("اختيار احد افراد المعالين")}}</label>
                                                <div class="">
                                                    <select style="height: 40px !important;" id="child_id" required
                                                            class="form-control select2" name="child_id">
                                                        @foreach(\App\Models\OrderChildreen::get() as $child)
                                                            <option @if(old("child_id") == $child->id) selected
                                                                    @endif value="{{$child->id}}">{{$child->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <br>
                                            </div>


                                            <div class="col-md-6 fv-row fv-plugins-icon-container ">
                                                <!--begin::Label-->
                                                <label class="required fs-5 fw-semibold mb-2">اسم الجهة
                                                    التعليمية</label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input name="learning_company_name" type="text" class="form-control "
                                                       value="">
                                                <!--end::Input-->
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>

                                            <div class="col-md-6">
                                                <label class="required">المرحلة الدراسية</label>
                                                <div class="">
                                                    <select style="height: 40px !important;" id="school_grade_id"
                                                            required class="form-control" name="school_grade_id">
                                                        @foreach(\App\Models\SchoolGrade::all() as $grade)
                                                            <option value="{{$grade->id}}">{{$grade->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4 fv-row fv-plugins-icon-container pt-4 ">
                                                <!--begin::Label-->
                                                <label class=" required fs-5 fw-semibold mb-2">رسوم السنه </label>
                                                <!--end::Label-->

                                                <!--begin::Input-->
                                                <input required type="number" class="form-control " placeholder=""
                                                       value="{{old("learning_year_fee")}}" dir="ltr"
                                                       name="learning_year_fee">
                                                <!--end::Input-->
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>

                                            <div class="col-md-4 fv-row fv-plugins-icon-container pt-4 ">
                                                <!--begin::Label-->
                                                <label class=" fs-5 fw-semibold mb-2"> رقم حساب الجهة التعليمية</label>
                                                <!--end::Label-->

                                                <!--begin::Input-->
                                                <input required type="number" class="form-control "
                                                       placeholder="SAxxxxxxxxxx"
                                                       value="{{old("bank_account")}}" dir="ltr"
                                                       name="bank_account">
                                                <!--end::Input-->
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>
                                            <div class="col-md-4 fv-row fv-plugins-icon-container pt-4 ">
                                                <!--begin::Label-->
                                                <label class=" fs-5 fw-semibold mb-2">اسم البنك </label>
                                                <!--end::Label-->
                                                <select style="height: 40px !important;" id="bank_name"
                                                        required class="form-control" name="bank_name">
                                                    @foreach(\App\Models\Bank::all() as $bank)
                                                        <option @if(old("bank_name") == $bank->name) selected
                                                                @endif value="{{$bank->name}}">{{$bank->name}}</option>

                                                    @endforeach
                                                </select>

                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>


                                            <div class="col-md-6 pt-4">
                                                <label class="required"> هل يوجد متأخرات للايجار ؟ </label>
                                                <div class="">
                                                    <select style="height: 40px !important;" id="is_rent_arrears"
                                                            required class="form-control" name="is_rent_arrears">
                                                        <option value="0"> لا</option>
                                                        <option value="1"> نعم</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div id="education_arrears_amount_section"
                                                 class="col-md-6 fv-row fv-plugins-icon-container pt-4 ">
                                                <!--begin::Label-->
                                                <label class=" required fs-5 fw-semibold mb-2">مبلغ المتأخرات</label>
                                                <!--end::Label-->

                                                <!--begin::Input-->
                                                <input id="learning_miss_amount" type="number"
                                                       class="form-control " placeholder=""
                                                       value="{{old("learning_")}}"
                                                       name="learning_miss_amount">
                                                <!--end::Input-->
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>


                                            <div class="col-md-12 fv-row fv-plugins-icon-container pt-4">
                                                <!--end::Label-->
                                                <label class="required fs-5 fw-semibold mb-2">اكتب ملخص طلبك بإختصار (
                                                    120 حرف فقط
                                                    ) .</label>
                                                <!--end::Label-->
                                                <span class="pt-2" id="application_summary_error"
                                                      style="color: red;font-weight: bolder"></span>

                                                <!--end::Input-->
                                                <textarea id="application_summary" rows="4" name="application_summary"
                                                          required class="form-control"></textarea>
                                                <!--end::Input-->
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>


                                            <div class="col-md-12 pt-4 ">

                                                <div class="mt-4">
                                                    <p style="font-weight: bolder !important;  font-size: 14px; color: red"
                                                       class="paper_content"># لمستخدمي الآيفون الرجاء رفع الصورة من
                                                        الاستديو وليس من الكاميرا مباشر !</p>
                                                </div>


                                                <div class="row">
                                                    @includeIf('admin.components.form.add.file', ['required' => 'required' ,'icon' => 'fa fa-check','label' => trans('كشف الدرجات موقع من الجهة التعليمية'),'name'=>'company_degrees_image', 'max'=>'5'  , 'class' => "col-md-6"])
                                                    @includeIf('admin.components.form.add.file', ['customClass' => 'required' ,'icon' => 'fa fa-check','label' => trans('خطاب المطالبة بالمتأخرات'),'name'=>'company_arrears_image', 'max'=>'5'  , 'class' => "col-md-6 company_arrears_image_upload uploadFiles"])
                                                    @includeIf('admin.components.form.add.file', ['required' => 'required' ,'icon' => 'fa fa-check','label' => trans('المشهد البنكي للجهة التعليمية'),'name'=>'company_bank_account_image', 'max'=>'5'  , 'class' => "col-md-6"])
                                                    @includeIf('admin.components.form.add.file', ['required' => 'required' ,'icon' => 'fa fa-check','label' => trans('فاتورة التعليم'),'name'=>'education_image', 'max'=>'5'  , 'class' => "col-md-6"])
                                                    @includeIf('admin.components.form.add.file', ['icon' => 'fa fa-check','label' => trans('مرفقات أخرى'),'name'=>'other_attachments', 'max'=>'5'  , 'class' => "col-md-6"])
                                                </div>
                                            </div>


                                        </div>

                                        <!--begin::Submit-->
                                        <button type="submit" class="btn btn-primary" id="kt_careers_submit_button">
                                            أتمام الطلب
                                        </button>
                                        <!--end::Submit-->


                                    </div>
                                </form>
                            </div>
                        </div>
                        <!--end::Content-->

                    </div>
                    <!--end::Careers main-->
                </div>
                <!--end::Content container-->
            </div>
        </div>
    </div>

@endsection
@section("js")

    <script type="text/javascript">
        $(function () {
            $(".company_arrears_image_upload").hide()
            $("#education_arrears_amount_section").hide()
        });
    </script>

    <script>

        $("#learning_miss_amount").on('keyup', function () {
            if ($("#learning_miss_amount").val() > 0) {
                $(".company_arrears_image_upload").show()
            } else {
                $(".company_arrears_image_upload").hide()
            }
        });

        $("#application_summary").on('keyup', function () {
            var application_summary = $("#application_summary").val()
            if (application_summary.length > 120) {
                $("#application_summary").val(application_summary.substring(0, 120))
                $("#application_summary_error").html("يجب الا تزيد عن 120 حرف")
            } else {
                $("#application_summary_error").html("");
            }
        });


        $("#is_rent_arrears").on('change', function () {
            $("#education_arrears_amount_section").toggle()
        });

    </script>
@endsection