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

                    @if(Auth::user()->isAdmin() || Auth::user()->isEmployee() )
                        <a class="col-md-2 btn btn-dark" href="{{url()->previous() }}"> عودة </a>
                        <br> <br>
                    @endif

                    @if (Auth::user()->isClient() && !Auth::user()->hasCurrentApplication() && $item->status == 2)
                        <a class="col-md-2 btn btn-success" href="{{route('client.applications.create')}}"> أضافة طلب
                            منحة </a>
                        <br> <br>
                    @endif

                    <div class="d-flex flex-column flex-xl-row">
                        <!--begin::Content-->
                        <div class="col-md-12">
                            <div class="card card-custom gutter-b example example-compact">
                                <div class="card-header">
                                    <p class="card-title">تفاصيل الطلب
                                        (
                                        <span
                                            style="font-weight: normal; color: #0a6aa1;margin: 0 5px"> {{$item->orderStatusSmsMessage()}} </span>
                                        )
                                    </p>
                                    <a style="padding-top:25px" class="" data-toggle="collapse"
                                       href="#collapseExample3"
                                       role="button" aria-expanded="false" aria-controls="collapseExample3">
                                        <i class="fa fa-plus colOpenClick3  "></i>
                                        <i class="fa fa-minus colCloseClick3 hide"></i>
                                    </a>


                                </div>
                            </div>

                            <!--begin::Form-->
                            <section class="collapse show " id="collapseExample3"
                                     style="background-color: #ffffff; padding: 10px 30px">
                                <form action="#" enctype="multipart/form-data"
                                      class="form mb-15 fv-plugins-bootstrap5 fv-plugins-framework"
                                      id="kt_careers_form">

                                    @if($item->notes)
                                        <p class="alert alert-danger" style=" font-weight: bolder;font-size: 18px">
                                            <i class="fa fa-info"></i>
                                            - ( {{$item->notes}} )
                                        </p>
                                    @endif

                                    @if($item->status == 3 && Auth::user()->isClient())
                                        <a class="btn btn-primary" href="{{route('client.order.update')}}"> تحديث
                                            البيانات </a>
                                    @endif


                                    <!--begin:: Names inputs -->
                                    <div class="row ">
                                        <div class="col-md-6 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="text" class="form-control " disabled placeholder=""
                                                   value="{{$item->first_name}}"
                                                   name="first_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">
                                            <!--end::Label-->
                                            <label class="  fs-5 fw-semibold mb-2">اسم الاب</label>
                                            <!--end::Label-->

                                            <!--end::Input-->
                                            <input type="text" class="form-control " placeholder=""
                                                   value="{{$item->parent_name}}" disabled
                                                   name="parent_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">
                                            <!--end::Label-->
                                            <label class=" fs-5 fw-semibold mb-2">اسم الجد</label>
                                            <!--end::Label-->

                                            <!--end::Input-->
                                            <input type="text" class="form-control " placeholder=""
                                                   value="{{$item->grandfather_name}}" disabled
                                                   name="grandfather_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">
                                            <!--end::Label-->
                                            <label class="  fs-5 fw-semibold mb-2">اسم العائلة</label>
                                            <!--end::Label-->

                                            <!--end::Input-->
                                            <input type="text" class="form-control " placeholder=""
                                                   value="{{$item->family_name}}" disabled
                                                   name="family_name">
                                            <!--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=" ">{{__("الحالة الإجتماعية")}}</label>
                                            <div class="">
                                                <select style="height: 40px !important;"
                                                        id="social_situation_id"
                                                        disabled
                                                        class="form-control" name="social_situation_id">
                                                    <option @if($item->social_situation_id == 1) selected
                                                            @endif value="1"> رب أسرة
                                                    </option>
                                                    <option @if($item->social_situation_id == 2 ) selected
                                                            @endif value="2">أرملة
                                                    </option>
                                                    <option @if($item->social_situation_id == 3) selected
                                                            @endif value="3">مطلقة
                                                    </option>
                                                    <option @if($item->social_situation_id == 4) selected
                                                            @endif value="4">مهجورة
                                                    </option>
                                                    <option @if($item->social_situation_id == 5) selected
                                                            @endif value="5">أسرة سجين
                                                    </option>
                                                    <option @if($item->social_situation_id == 6) selected
                                                            @endif value="6">كبير في السن +٦٥
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 pt-4">
                                            <label class=" ">{{__("الجنسية")}}</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="nationality_id"
                                                        disabled
                                                        class="form-control" name="nationality_id">
                                                    @foreach(\App\Models\Nationality::all() as $nationality)
                                                        <option
                                                            @if($item->nationality_id == $nationality->id) selected
                                                            @endif value="{{$nationality->id}}">{{$nationality->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-4 pt-4">
                                            @includeIf('admin.components.form.edit.number', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('إجمالي الدخل الشهري'),'name'=>'salary', 'placeholder'=>trans('إجمالي الدخل الشهري' ),'valid'=>trans('language.vaildation')])
                                        </div>
                                        <div class="col-md-4 pt-4">
                                            @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('رقم الهوية'),'name'=>'id_number', 'placeholder'=>trans('رقم الهوية' ),'valid'=>trans('language.vaildation')])
                                        </div>
                                        <div class="col-md-4 pt-4">
                                            @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('تاريخ انتهاء الهوية'),'name'=>'id_number_expiration_date', 'placeholder'=>trans('تاريخ انتهاء الهوية' ),'valid'=>trans('language.vaildation')])
                                        </div>

                                        <div class="col-md-6 pt-4">
                                            @includeIf('admin.components.form.edit.date', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('تاريخ الميلاد'),'name'=>'birth_date', 'placeholder'=>trans('تاريخ الميلاد' ),'valid'=>trans('language.vaildation')])
                                        </div>

                                        <div class="col-md-6 pt-4">
                                            @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('العمر'),'name'=>'age', 'placeholder'=>trans('العمر' ),'valid'=>trans('language.vaildation')])
                                        </div>

                                        <div class="col-md-6 pt-4">
                                            <label class=" ">{{__("المدينه")}}</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="city" disabled
                                                        class="form-control " name="city">
                                                    <option selected value=""> قم بأختيار المدينة</option>
                                                    @foreach(\App\Models\City::all() as $city)
                                                        <option @if($item->city == $city->id) selected
                                                                @endif value="{{$city->id}}">{{$city->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6 pt-4">
                                            @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('الحي'),'name'=>'district', 'placeholder'=>trans('الحي' ),'valid'=>trans('language.vaildation')])
                                        </div>
                                        <div class="col-md-6 pt-4">
                                            @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' , 'icon' => 'fa fa-user','label' => trans('رقم الجوال 1'),'name'=>'mobile', 'placeholder'=>trans('لإستقبال رسائل نصية أو رسائل واتساب' ),'valid'=>trans('language.vaildation')])
                                        </div>
                                        <div class="col-md-6 pt-4">
                                            @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' ,'icon' => 'fa fa-user','label' => trans('رقم الجوال 2'),'name'=>'mobile2', 'placeholder'=>trans('رقم الجوال 2' ),'valid'=>trans('language.vaildation')])
                                        </div>

                                        <div class="col-md-12">
                                            <div class="row pt-4">
                                                <div class="col-md-5 " style="padding-left: 10px !important;">
                                                    @includeIf('admin.components.form.edit.text', ['icon' => 'fa fa-user','label' => trans('رقم الحساب البنكى لمقدم الطلب ( 22 حرف ) / أيبان IBAN'),'name'=>'bank_iban', 'placeholder'=>trans('xxxxxxxxxxxxxxxxx' ),'valid'=>trans('language.vaildation')])
                                                    <span class="iban_number_error">  </span>
                                                </div>
                                                <div class="col-md-1 pt-9 " style="padding-right : 0px !important;">
                                                    <span style="font-size: 20px ; font-weight: bolder"> SA </span>
                                                </div>
                                                <div class="col-md-3 ">
                                                    @includeIf('admin.components.form.edit.text', ['disabled' => 'disabled' , 'icon' => 'fa fa-user','label' => trans('اسم صاحب الحساب البنكي'),'name'=>'bank_account_name', 'placeholder'=>trans('اسم صاحب الحساب البنكي' ),'valid'=>trans('language.vaildation')])
                                                </div>
                                                <div class="col-md-3 ">
                                                    <label
                                                        class="required">{{__("اختار البنك")}}</label>
                                                    <div class="">
                                                        <select style="height: 40px !important;" id="bank_name"
                                                                disabled
                                                                class="form-control" name="bank_name">
                                                            @foreach(\App\Models\Bank::all() as $bank)
                                                                <option
                                                                    @if($item->bank_name == $bank->name) selected
                                                                    @endif value="{{$bank->name}}">{{$bank->name}}</option>

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


                                        <div class="col-md-6 pt-4">
                                            <label class="required">{{__("احتار الجنس")}}</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="gender" disabled
                                                        class="form-control" name="gender">
                                                    <option @if($item->gender == "male") selected
                                                            @endif value="male">
                                                        ذكر
                                                    </option>
                                                    <option @if($item->gender == "female") selected
                                                            @endif value="female"> انثي
                                                    </option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6 pt-4">
                                            <label
                                                class=" ">{{__("هل أنت من ذوي الإحتياجات الخاصة")}}</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="is_special_case"
                                                        disabled class="form-control" name="is_special_case">
                                                    <option @if($item->is_special_case == 0) selected
                                                            @endif  value="0">
                                                        لا
                                                    </option>
                                                    <option @if($item->is_special_case == 1) selected
                                                            @endif  value="1">
                                                        نعم
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        @if($item->is_special_case == 1)
                                            <div class="col-md-6 pt-4">
                                                <label class=" ">{{__("نوع الإعاقة")}}</label>
                                                <div class="">
                                                    <select style="height: 40px !important;" id="special_case_type"
                                                            disabled
                                                            class="form-control" name="special_case_type">
                                                        <option>أختر نوع الإعاقة</option>
                                                        <option @if($item->special_case_type == 1) selected
                                                                @endif value="1"> إعاقة حركية
                                                        </option>
                                                        <option @if($item->special_case_type == 2) selected
                                                                @endif value="2"> إعاقة سمعية
                                                        </option>
                                                        <option @if($item->special_case_type == 3) selected
                                                                @endif value="3">إعاقة ذهنية
                                                        </option>
                                                        <option @if($item->special_case_type == 4) selected
                                                                @endif value="4">إعاقة أخرى
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endif


                                        <div class="col-md-12 pt-4 ">
                                            <div class="row">
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'required' => 'required' ,'icon' => 'fa fa-check','label' => trans('صورة الهوية'),'name'=>'id_number_image', 'max'=>'5'  , 'class' => "col-md-6 id_number_image uploadFiles"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('صورة صك الهجران'),'name'=>'deed_ofـabandonment', 'max'=>'5'  , 'class' => "col-md-6 deed_ofـabandonment uploadFiles"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('صورة صك الطلاق'),'name'=>'divorce_deed', 'max'=>'5'  , 'class' => "col-md-6 divorce_deed uploadFiles"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('شهادة وفاة الزوج'),'name'=>'husband_death_image', 'max'=>'5'  , 'class' => "col-md-6 husband_death_image uploadFiles"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('اثبات اسرة سجين'),'name'=>'prisoner_family_identification_facility', 'max'=>'5'  , 'class' => "col-md-6 prisoner_family_identification_facility uploadFiles"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('صورة صك الاعاقة'),'name'=>'attached_is_the_support_instrument', 'max'=>'5'  , 'class' => "col-md-6 attached_is_the_support_instrument uploadFiles"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('برنت ابشر - لغير السعوديين -'),'name'=>'absher_facility', 'max'=>'5'  , 'class' => "col-md-6 absherFile"])
                                            </div>
                                        </div>

                                        <div class="col-md-12 pt-4 ">
                                            <div class="row">
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans(' مشهد آيبان بنكي'),'name'=>'bank_iban_image', 'max'=>'5'  , 'class' => "col-md-4"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('هويات أفراد الأسرة'),'name'=>'other_attachments', 'max'=>'5'  , 'class' => "col-md-4"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('مرفقات أخرى'),'name'=>'other_attachments1', 'max'=>'5'  , 'class' => "col-md-4"])
                                                @includeIf('admin.components.form.edit.file', ['disabled' => 'disabled' ,'icon' => 'fa fa-check','label' => trans('مرفقات أخرى'),'name'=>'other_attachments2', 'max'=>'5'  , 'class' => "col-md-4"])
                                            </div>
                                        </div>

                                    </div>
                                    <!--end::Names inputs-->


                                    @if(Auth::user()->isEmployee() == true || Auth::user()->isAdmin() == true)
                                        <section class=" " id="collapseExample2">
                                            <div class="row">
                                                <div class="col-lg-12 col-xl-12 stretch-card mb-8 ">
                                                    <div class="card">
                                                        <div class="card-body">
                                                            @if( Auth::user()->isClient())
                                                                <a href="{{route("client.order.child.create")}}"
                                                                   class="btn btn-info ">
                                                                    أضافه معال</a>
                                                            @endif
                                                            <div class="table-responsive">
                                                                <table class="table table-hove">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>#</th>
                                                                        <th>{{trans('language.name')}}</th>
                                                                        <th>{{trans('language.id_number')}}</th>
                                                                        <th>{{trans('language.relative_relation')}}</th>
                                                                        <th>{{trans('language.settings')}}</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    @foreach($item->childreen as $child)
                                                                        <tr>
                                                                            <td>{{$loop->iteration }}</td>
                                                                            <td>{{$child->name}}</td>
                                                                            <td>{{$child->id_number}}</td>
                                                                            <td>{{$child->relative_relation}}</td>
                                                                            <td>
                                                                                <a style="margin: 0px  10px"
                                                                                   href="{{route("client.order.child.edit",$child->id)}}">
                                                                                    <i class="fa fa-edit"></i>
                                                                                </a>

                                                                                <a href="{{route("client.order.child.delete",$child->id)}}">
                                                                                    <i class="fa fa-trash"></i>
                                                                                </a>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </section>
                                    @endif


                                    @if(Auth::user()->isEmployee() == true || Auth::user()->isAdmin() == true)
                                        <a href="javascript:void(0)"
                                           class="btn btn-dark updateStatusBtn"
                                           data-original-title="تحديث الحالة"
                                           data-message="{{"تحديث حاله الطلب "}}"
                                           data-action="{{url("admin/orders/$item->id/updateStatus")}}"
                                           data-toggle="modal"
                                           data-id="{{$item->id}}"
                                           data-target=".updateStatusModal"
                                           title="{{trans('تحديث الحالة')}}">
                                            تحديث الحالة
                                        </a>

                                        <a href="{{route("admin.order.edit",$item->id)}}"
                                           class="btn btn-primary"
                                           title="{{trans('تعديل')}}">
                                            تعديل
                                        </a>

                                    @endif





                                    <!--begin::Separator-->
                                    <div class="separator mb-8"></div>
                                    <!--end::Separator-->

                                </form>
                            </section>
                            <!--end::Form-->
                        </div>
                        <!--end::Careers main-->
                    </div>
                    <!--end::Content container-->
                </div>
            </div>
        </div>
    </div>
@endsection
@section("js")
    <script>
        lightbox.option({
            'resizeDuration': 200,
            'wrapAround': true
        })
    </script>

    <script>
        // hide all files ...
        $(".uploadFiles").addClass("hide");
        var social_situation_id = "{{$item->social_situation_id}}"

        if (social_situation_id == 1) {
            // رب اسره
            $('.id_number_image').removeClass("hide");
        }

        if (social_situation_id == 2) {
            // أرمله
            $('.id_number_image').removeClass("hide");
            $('.husband_death_image').removeClass("hide");
        }

        if (social_situation_id == 3) {
            // مطلقة
            $('.id_number_image').removeClass("hide");
            $('.divorce_deed').removeClass("hide");
        }

        if (social_situation_id == 4) {
            // مهجورة
            $('.id_number_image').removeClass("hide");
            $('.deed_ofـabandonment').removeClass("hide");
        }

        if (social_situation_id == 5) {
            // اسره سجين
            $('.id_number_image').removeClass("hide");
            $('.prisoner_family_identification_facility').removeClass("hide");
        }

        if (social_situation_id == 6) {
            // كبير في السن
            $('.id_number_image').removeClass("hide");
        }


        var nationality_id = {{$item->nationality_id}};
        if (nationality_id == 1) {
            $('.absherFile').addClass("hide");
        } else {
            $('.absherFile').removeClass("hide");
        }


    </script>

@endsection