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

                <a class="col-md-2 btn btn-dark" href="{{url()->previous() }}"> عودة </a>
                <br> <br>

                <!--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("client.applications.debtStore")}}"
                                      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">

                                            <div 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 required type="text" class="form-control " placeholder=""
                                                       value="{{$item->debt_owner_name}}"
                                                       name="debt_owner_name">
                                                <!--end::Input-->
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                            </div>
                                            <div 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 required type="text" class="form-control "
                                                       placeholder="05xxxxxxxx"
                                                       value="{{$item->debt_owner_mobile}}" dir="ltr"
                                                       name="debt_owner_mobile">
                                                <!--end::Input-->
                                                <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="debt_reason"
                                                            required class="form-control" name="debt_reason">
                                                        <option>قم بتحديد غرض الدين</option>
                                                        <option @if($item->debt_reason == " ترميم وبناء منزل") selected
                                                                @endif value=" ترميم وبناء منزل"> ترميم وبناء منزل
                                                        </option>
                                                        <option @if($item->debt_reason == " قرض سياره") selected
                                                                @endif value=" قرض سياره"> قرض سياره
                                                        </option>
                                                        <option @if($item->debt_reason == " علاج") selected
                                                                @endif   value="علاج"> علاج
                                                        </option>
                                                        <option @if($item->debt_reason == "other") selected
                                                                @endif value="other"> أخري
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6 pt-4" id="debt_reason_other">
                                                <label class="">أدخال نص الغرض من الدين </label>
                                                <!--begin::Input-->
                                                <input type="text" class="form-control " placeholder=""
                                                       value="{{$item->debt_reason_other}}"
                                                       name="debt_reason_other">
                                                <!--end::Input-->
                                            </div>

                                            <div class="col-md-7 pt-4">
                                                <label class="required"> هل يوجد امر قضائي ؟</label>
                                                <div class="">
                                                    <select style="height: 40px !important;"
                                                            id="is_exist_judicial_order"
                                                            required class="form-control"
                                                            name="is_exist_judicial_order">
                                                        <option @if($item->is_exist_judicial_order == 0) selected
                                                                @endif value="0"> لا
                                                        </option>
                                                        <option @if($item->is_exist_judicial_order == 1) selected
                                                                @endif value="1">نعم
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>

                                            @if($item->is_exist_judicial_order == 0)
                                                <div id="bank_account"
                                                     class="col-md-5 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="" dir="ltr"
                                                           name="bank_account">
                                                    <!--end::Input-->
                                                    <div
                                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                                </div>
                                            @else
                                                <div id="judicial_order_sadad_number"
                                                     class="col-md-5 fv-row fv-plugins-icon-container pt-4 ">
                                                    <!--begin::Label-->
                                                    <label class=" fs-5 fw-semibold mb-2">رقم سداد الامر
                                                        القضائي </label>
                                                    <!--end::Label-->

                                                    <!--begin::Input-->
                                                    <input type="number" class="form-control " placeholder=""
                                                           value="{{$item->judicial_order_sadad_number}}" dir="ltr"
                                                           name="judicial_order_sadad_number">
                                                    <!--end::Input-->
                                                    <div
                                                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
                                                </div>
                                            @endif


                                            <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 id="debt_full_amount" type="number" class="form-control "
                                                       placeholder="" required
                                                       value="{{$item->debt_full_amount}}" dir="ltr"
                                                       name="debt_full_amount">
                                                <!--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=" required fs-5 fw-semibold mb-2">المبلغ المسدد</label>
                                                <!--end::Label-->

                                                <!--begin::Input-->
                                                <input id="debt_paid_amount" type="number" class="form-control "
                                                       placeholder="" required
                                                       value="{{$item->debt_paid_amount}}" dir="ltr"
                                                       name="debt_paid_amount">
                                                <!--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 id="debt_miss_amount" type="number" class="form-control "
                                                       placeholder=""
                                                       value="{{$item->debt_miss_amount}}" dir="ltr" disabled
                                                       name="debt_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">{{$item->application_summary}}</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.edit.file', ['required' => 'required' ,'icon' => 'fa fa-check','label' => trans('اثبات المديونية'),'name'=>'debt_approve_image', 'max'=>'5'  , 'class' => "col-md-6"])
                                                    @includeIf('admin.components.form.edit.file', ['required' => 'required' ,'icon' => 'fa fa-check','label' => trans('المشهد البنكي - رقم السداد'),'name'=>'bank_screen_image', 'max'=>'5'  , 'class' => "col-md-6 rent_arrears_image_upload uploadFiles"])
                                                    @includeIf('admin.components.form.edit.file', ['icon' => 'fa fa-check','label' => trans('مرفقات أخرى'),'name'=>'other_attachments', 'max'=>'5'  , 'class' => "col-md-12"])
                                                </div>
                                            </div>

                                        </div>


                                    </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 () {

            // add disabled to all div
            $('input').attr("disabled", "disabled");
            $('textarea').attr("disabled", "disabled");
            $('select').attr("disabled", "disabled");
        });
    </script>

@endsection