@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 ($user->social_situation_id == 1) selected @endif
                                                        value="1"> رب أسرة
                                                    </option>
                                                    <option @if ($user->social_situation_id == 2) selected @endif
                                                        value="2">أرملة
                                                    </option>
                                                    <option @if ($user->social_situation_id == 3) selected @endif
                                                        value="3">مطلقة
                                                    </option>
                                                    <option @if ($user->social_situation_id == 4) selected @endif
                                                        value="4">مهجورة
                                                    </option>
                                                    <option @if ($user->social_situation_id == 5) selected @endif
                                                        value="5">أسرة سجين
                                                    </option>
                                                    <option @if ($user->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 ($user->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-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>

                                        @if (Auth::user()->isAdmin() || Auth::user()->isEmployee())
                                            {{-- Bank Info Section --}}
                                            <div class="col-md-12 pt-4">
                                                <h5 class="fw-bold text-primary mb-3">{{ __('معلومات البنك') }}</h5>
                                            </div>
                                            <div class="col-md-6 pt-4">
                                                <label class="fs-5 fw-semibold mb-2">{{ __('رقم الآيبان') }}</label>
                                                <input type="text" class="form-control" disabled
                                                    value="{{ $user->bank_account }}">
                                            </div>
                                            <div class="col-md-6 pt-4">
                                                <label class="fs-5 fw-semibold mb-2">{{ __('اسم البنك') }}</label>
                                                <input type="text" class="form-control" disabled
                                                    value="{{ $user->bank_name }}">
                                            </div>
                                            <div class="col-md-6 pt-4">
                                                <label class="fs-5 fw-semibold mb-2">{{ __('اسم صاحب الحساب') }}</label>
                                                <input type="text" class="form-control" disabled
                                                    value="{{ $user->bank_account_name }}">
                                            </div>
                                            <div class="col-md-6 pt-4">
                                                <label class="fs-5 fw-semibold mb-2">{{ __('رقم الحساب') }}</label>
                                                <input type="text" class="form-control" disabled
                                                    value="{{ $user->bank_account_number }}">
                                            </div>

                                            <div class="col-md-12 pt-4">
                                                @includeIf('admin.components.form.edit.file', [
                                                    'icon' => 'fa fa-check',
                                                    'item' => $user,
                                                    'label' => trans('مشهد آيبان بنكي'),
                                                    'name' => 'bank_iban_image',
                                                    'max' => '5',
                                                    'class' => 'col-md-12',
                                                ])
                                            </div>

                                            {{-- Attachments Section --}}
                                            <div class="col-md-12 pt-4">
                                                <h5 class="fw-bold text-primary mb-3">{{ __('المرفقات') }}</h5>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="row">
                                                        @includeIf('admin.components.form.edit.file', [
                                                            'item' => $user,
                                                            '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', [
                                                            'item' => $user,
                                                            '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', [
                                                            'item' => $user,
                                                            'icon' => 'fa fa-check',
                                                            'label' => trans('صورة صك الطلاق'),
                                                            'name' => 'divorce_deed',
                                                            'max' => '5',
                                                            'class' => 'col-md-6 divorce_deed uploadFiles',
                                                        ])
                                                        @includeIf('admin.components.form.edit.file', [
                                                            'item' => $user,
                                                            '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', [
                                                            'item' => $user,
                                                            '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', [
                                                            'item' => $user,
                                                            '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', [
                                                            'item' => $user,
                                                            'icon' => 'fa fa-check',
                                                            'label' => trans('برنت ابشر - لغير السعوديين -'),
                                                            'name' => 'absher_facility',
                                                            'max' => '5',
                                                            'class' => 'col-md-6 absherFile',
                                                        ])
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                    </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

                                    {{-- Payment Dates Section --}}
                                    @php
                                        $userApplications = \App\Models\Application::where('user_id', $user->id)
                                            ->where('type', 'AQAR_RENT')
                                            ->with('paymentDates')
                                            ->get();
                                    @endphp

                                    @if($userApplications->count() > 0)
                                        <div class="col-md-12 pt-5">
                                            <h5 class="fw-bold text-primary mb-3">{{ __('حالة الدفعات') }}</h5>
                                        </div>
                                        @foreach($userApplications as $application)
                                            @if($application->paymentDates->count() > 0)
                                                <div class="col-md-12 pt-3">
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h6 class="mb-0">طلب إيجار - {{ $application->created_at->format('Y-m-d') }}</h6>
                                                        </div>
                                                        <div class="card-body">
                                                            <div class="table-responsive">
                                                                <table class="table table-bordered table-hover">
                                                                    <thead class="table-light">
                                                                        <tr class="text-center">
                                                                            <th>رقم الدفعة</th>
                                                                            <th>تاريخ الاستحقاق</th>
                                                                            <th>المبلغ</th>
                                                                            <th>الحالة</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach($application->paymentDates as $paymentDate)
                                                                            <tr class="text-center">
                                                                                <td>
                                                                                    <span class="badge badge-secondary">الدفعة {{ $paymentDate->payment_number }}</span>
                                                                                </td>
                                                                                <td>{{ $paymentDate->due_date->format('Y-m-d') }}</td>
                                                                                <td>
                                                                                    @if($paymentDate->amount)
                                                                                        {{ number_format($paymentDate->amount) }} ريال
                                                                                    @else
                                                                                        -
                                                                                    @endif
                                                                                </td>
                                                                                <td>
                                                                                    @switch($paymentDate->status)
                                                                                        @case(0)
                                                                                            <span class="badge badge-danger" style="font-size: 13px;">مرفوضة</span>
                                                                                            @break
                                                                                        @case(1)
                                                                                            <span class="badge badge-warning" style="font-size: 13px;">قيد الانتظار</span>
                                                                                            @break
                                                                                        @case(2)
                                                                                            <span class="badge badge-info" style="font-size: 13px;">بانتظار عملية الصرف</span>
                                                                                            @break
                                                                                        @case(3)
                                                                                            <span class="badge badge-success" style="font-size: 13px;">تم الصرف</span>
                                                                                            @break
                                                                                        @default
                                                                                            <span class="badge badge-secondary" style="font-size: 13px;">غير محدد</span>
                                                                                    @endswitch
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    @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>
@endsection