@extends('admin.layout.index')
@section('content')
    @include('admin.layout.nav', ['title' => trans('المرفقات')])
    <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">

                    <div class="d-flex flex-column flex-xl-row">
                        <div class="col-md-12">
                            <div class="card card-custom gutter-b example example-compact">
                                <div class="card-header">
                                    <p class="card-title">المرفقات</p>
                                </div>
                            </div>

                            <section style="background-color: #ffffff; padding: 20px 30px">
                                <form action="{{ route('client.order.updateAttachments') }}" enctype="multipart/form-data"
                                    class="form mb-15 fv-plugins-bootstrap5 fv-plugins-framework" method="post"
                                    id="attachments_form">
                                    @csrf

                                    <div class="row mb-5">
                                        <div class="col-md-6 pt-4">
                                            <label class="required">{{ __('هل أنت من ذوي الإحتياجات الخاصة') }}</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="is_special_case" required
                                                    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>

                                        <div id="special_case_type_section" class="col-md-6 pt-4">
                                            <label class="">{{ __('نوع الإعاقة') }}</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="special_case_type"
                                                    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>

                                        <div class="col-md-12 pt-4">
                                            <label class="required">{{ __('الحالة الإجتماعية') }}</label>
                                            <span id="social_situation_description" class="pt-3"
                                                style="color: red; font-weight: bolder"></span>

                                            <div class="">
                                                <select style="height: 40px !important;" id="social_situation_id" required
                                                    class="form-control" name="social_situation_id">
                                                    <option value=""> قم بأختيار نوع الحاله الاجتماعية</option>
                                                    <option social_situation_desc="يرجي أرفاق ( صورة الهوية )"
                                                        @if ($item->social_situation_id == 1) selected @endif value="1">رب
                                                        أسره
                                                    </option>
                                                    <option social_situation_desc="يرجي أرفاق ( صورة الهوية وشهادة الوفاة )"
                                                        @if ($item->social_situation_id == 2) selected @endif value="2">
                                                        أرمله
                                                    </option>
                                                    <option
                                                        social_situation_desc="يرجي أرفاق ( صورة الهوية  صورة صك الطلاق )"
                                                        @if ($item->social_situation_id == 3) selected @endif value="3">
                                                        مطلقة
                                                    </option>
                                                    <option social_situation_desc="يرجي أرفاق ( صورة الهوية )"
                                                        @if ($item->social_situation_id == 4) selected @endif value="4">
                                                        مهجورة
                                                    </option>
                                                    <option social_situation_desc="يرجي أرفاق ( صورة الهوية )"
                                                        @if ($item->social_situation_id == 5) selected @endif value="5">
                                                        أسره سجين
                                                    </option>
                                                    <option social_situation_desc="يرجي أرفاق ( صورة الهوية ورقم الاقامه )"
                                                        @if ($item->social_situation_id == 6) selected @endif value="6">
                                                        كبير في السن +٦٥
                                                    </option>
                                                </select>
                                            </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>
                                                <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', [
                                                    '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 class="col-md-12 pt-4">
                                            <div class="row">
                                                @includeIf('admin.components.form.edit.file', [
                                                    'item' => $user,
                                                    'icon' => 'fa fa-check',
                                                    'label' => trans('هويات أفراد الأسرة'),
                                                    'name' => 'other_attachments',
                                                    'max' => '5',
                                                    'class' => 'col-md-4',
                                                ])
                                                @includeIf('admin.components.form.edit.file', [
                                                    'item' => $user,
                                                    'icon' => 'fa fa-check',
                                                    'label' => trans('مرفقات أخرى'),
                                                    'name' => 'other_attachments1',
                                                    'max' => '5',
                                                    'class' => 'col-md-4',
                                                ])
                                                @includeIf('admin.components.form.edit.file', [
                                                    'item' => $user,
                                                    'icon' => 'fa fa-check',
                                                    'label' => trans('مرفقات أخرى'),
                                                    'name' => 'other_attachments2',
                                                    'max' => '5',
                                                    'class' => 'col-md-4',
                                                ])
                                            </div>
                                        </div>
                                    </div>

                                    <div class="separator mb-8"></div>

                                    <button type="submit" class="btn btn-primary" id="attachments_submit_button">
                                        تحديث المرفقات
                                    </button>
                                </form>
                            </section>
                        </div>
                    </div>

                </div>
                <!--end::Content container-->
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(function() {
            // Initial state based on current values
            var is_special_case = {{ $item->is_special_case ?? 0 }};
            var social_situation_id = {{ $item->social_situation_id ?? 0 }};
            var nationality_id = {{ $item->nationality_id ?? 1 }};

            // Show/hide files based on social situation first
            showHideFilesBySocialSituation(social_situation_id);

            // Show/hide absher file based on nationality
            if (nationality_id == 1) {
                $('.absherFile').addClass("hide");
            } else {
                $('.absherFile').removeClass("hide");
            }

            // Show/hide special case type section and file (after social situation)
            handleSpecialCase(is_special_case);
        });

        // Handle is_special_case change
        $("#is_special_case").on('change', function() {
            handleSpecialCase($(this).val());
        });

        function handleSpecialCase(value) {
            if (value == 1) {
                $("#special_case_type_section").show();
                $('.attached_is_the_support_instrument').removeClass("hide");
            } else {
                $("#special_case_type_section").hide();
                $('.attached_is_the_support_instrument').addClass("hide");
            }
        }

        // Handle social_situation_id change
        $("#social_situation_id").on('change', function() {
            var data = $("#social_situation_id").val();
            showHideFilesBySocialSituation(data);

            // Re-apply special case visibility after social situation change
            handleSpecialCase($("#is_special_case").val());

            // Update description
            var desc = $("#social_situation_id option:selected").attr("social_situation_desc");
            $("#social_situation_description").text(desc);
        });

        function showHideFilesBySocialSituation(data) {
            // Hide all upload files first (except special case file)
            $(".uploadFiles").addClass("hide");

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

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

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

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

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

            if (data == 6) {
                // كبير في السن
                $('.id_number_image').removeClass("hide");
            }
        }
    </script>
@endsection