@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=""
                                      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">

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

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

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

@endsection
@section("js")

    <link
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"
        rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment-hijri@2.1.0/moment-hijri.js"></script>
    <script src="{{asset("/assets/admin/js/bootstrap-hijri-datetimepicker.js")}}"></script>

    <script type="text/javascript">
        $(function () {
            $("#rent_arrears_amount_section").hide()
            $(".rent_arrears_image_upload").hide()

            var date = new Date();
            date.setDate(date.getDate() + 1);
            $('#txtHijriDate').hijriDatePicker({
                showClear: true
            });

        });
    </script>

    <script>
        $("#is_rent_arrears").on('change', function () {
            $("#rent_arrears_amount_section").toggle()
            $(".rent_arrears_image_upload").toggle()
        });

        $("#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("");
            }
        });
    </script>
@endsection