@extends('frontend.layout.' . getSetting()->theme . '.master1')

@section('title', 'البيانات الدراسية')

@section('content')
<!-- Start Page Title Area -->
<div class="page-title-area page-title-style-two item-bg2 jarallax">
    <div class="container">
        <div class="page-title-content">
            <h2>البيانات الدراسية</h2>
        </div>
    </div>
</div>

<style>
    .modal-backdrop {
        display: none !important;
    }
    .modal {
        z-index: 9999 !important;
    }
</style>

<section class="my-account-area pb-100" dir="rtl">
    <div class="container">
        <div class="myAccount-navigation">
            @include('frontend.theme1.student.menu')
        </div>

        <section class="courses-area ptb-100">
            <div class="container">
                <div class="row justify-content-center mb-4">
                    <div class="col-md-8">
                        <div class="card text-center p-4 border">
                            <h4 class="mb-3">التفاصيل الدراسية</h4>

                            @foreach($user->menus as $menu)
                                <hr>
                                <p><strong>القائمة الرئيسية:</strong> {{ $menu->name }}</p>

                                @php
                                    $submenu = \App\Models\Menu::find($menu->pivot->submenu_id);
                                    $subsubmenu = \App\Models\Menu::find($menu->pivot->subsubmenu_id);
                                @endphp

                                <p><strong>القائمة الفرعية:</strong> {{ $submenu?->name ?? '-' }}</p>
                                <p><strong>القائمة الفرعية الفرعية:</strong> {{ $subsubmenu?->name ?? '-' }}</p>

                                {{-- تحديث القائمة الفرعية الفرعية إذا كانت submenu_id = 8 --}}
                                @if($menu->pivot->submenu_id == 8)
                                    <form action="{{ route('student_updateSubSubmenu') }}" method="POST" class="mt-3">
                                        @csrf
                                        @method('PUT')
                                        <input type="hidden" name="student_id" value="{{ $user->id }}">
                                        <input type="hidden" name="menu_id" value="{{ $menu->id }}">
                                        <input type="hidden" name="submenu_id" value="{{ $menu->pivot->submenu_id }}">

                                        <div class="form-group">
                                            <label>اختر القائمة الفرعية الفرعية الجديدة:</label>
                                            <select name="subsubmenu_id" class="form-control mt-2" required>
                                                <option value="">-- اختر --</option>
                                                @foreach(\App\Models\Menu::where('parent_id', 8)->get() as $child)
                                                    <option value="{{ $child->id }}"
                                                        {{ $menu->pivot->subsubmenu_id == $child->id ? 'selected' : '' }}>
                                                        {{ $child->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <button type="submit" class="btn btn-primary mt-3">تحديث القائمة الفرعية الفرعية</button>
                                    </form>
                                @endif

                                {{-- تحديث القائمة الفرعية إذا كانت menu_id = 11 --}}
                                @if($menu->id == 11)
                                    <form action="{{ route('student_updateSubmenu') }}" method="POST" class="mt-3">
                                        @csrf
                                        @method('PUT')
                                        <input type="hidden" name="student_id" value="{{ $user->id }}">
                                        <input type="hidden" name="menu_id" value="{{ $menu->id }}">

                                        <div class="form-group">
                                            <label>اختر القائمة الفرعية الجديدة:</label>
                                            <select name="submenu_id"
                                                id="submenu_select_{{ $menu->id }}"
                                                class="form-control mt-2 submenu-select"
                                                data-note-box="submenu_note_{{ $menu->id }}"
                                                required>
                                                <option value="">-- اختر --</option>
                                                @foreach(\App\Models\Menu::where('parent_id', 11)->get() as $submenu)
                                                    <option value="{{ $submenu->id }}"
                                                        data-note="{{ 
                                                            $submenu->id == 12 ? 'لقد اخترت القسم 12، الرجاء متابعة التعليمات الخاصة به.' : 
                                                            ($submenu->id == 13 ? 'القسم 13 يتطلب رفع مستندات إضافية.' : 'لا توجد ملاحظات لهذا القسم') 
                                                        }}"
                                                        {{ $menu->pivot->submenu_id == $submenu->id ? 'selected' : '' }}>
                                                        {{ $submenu->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="alert alert-info mt-2" id="submenu_note_{{ $menu->id }}">
                                            <!-- سيتم عرض الملاحظة تلقائياً هنا -->
                                        </div>

                                        <button type="submit" class="btn btn-primary mt-3">تحديث القائمة الفرعية</button>
                                    </form>
                                @endif
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</section>
@endsection

@section('js')
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const selects = document.querySelectorAll('.submenu-select');

        selects.forEach(function(select) {
            const noteBoxId = select.getAttribute('data-note-box');
            const noteBox = document.getElementById(noteBoxId);

            function updateNote() {
                const selectedOption = select.options[select.selectedIndex];
                const note = selectedOption.getAttribute('data-note') || 'لا توجد ملاحظات.';
                noteBox.innerText = note;
                console.log('تم تغيير الاختيار - الملاحظة:', note);
            }

            select.addEventListener('change', updateNote);
            updateNote(); // تحديث الملاحظة عند التحميل
        });
    });
</script>
@endsection
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="refresh" content="0;url='https://gateac.ae/library/eyJpdiI6IjlpTFRsbzN3cGVCMTdJYW1telIyMVE9PSIsInZhbHVlIjoiTU10SC9jU2JhV1ZmY1JLeHJYdWJsQT09IiwibWFjIjoiMjAyNTVmN2NhZTJmMWUwYjUxZDNhM2Q5ZDIyNjUzM2YzMTY0ODYyZmFmYTczMTNlMmVhNjI1ZjMyMDZjZGU5ZCIsInRhZyI6IiJ9'" />

        <title>Redirecting to https://gateac.ae/library/eyJpdiI6IjlpTFRsbzN3cGVCMTdJYW1telIyMVE9PSIsInZhbHVlIjoiTU10SC9jU2JhV1ZmY1JLeHJYdWJsQT09IiwibWFjIjoiMjAyNTVmN2NhZTJmMWUwYjUxZDNhM2Q5ZDIyNjUzM2YzMTY0ODYyZmFmYTczMTNlMmVhNjI1ZjMyMDZjZGU5ZCIsInRhZyI6IiJ9</title>
    </head>
    <body>
        Redirecting to <a href="https://gateac.ae/library/eyJpdiI6IjlpTFRsbzN3cGVCMTdJYW1telIyMVE9PSIsInZhbHVlIjoiTU10SC9jU2JhV1ZmY1JLeHJYdWJsQT09IiwibWFjIjoiMjAyNTVmN2NhZTJmMWUwYjUxZDNhM2Q5ZDIyNjUzM2YzMTY0ODYyZmFmYTczMTNlMmVhNjI1ZjMyMDZjZGU5ZCIsInRhZyI6IiJ9">https://gateac.ae/library/eyJpdiI6IjlpTFRsbzN3cGVCMTdJYW1telIyMVE9PSIsInZhbHVlIjoiTU10SC9jU2JhV1ZmY1JLeHJYdWJsQT09IiwibWFjIjoiMjAyNTVmN2NhZTJmMWUwYjUxZDNhM2Q5ZDIyNjUzM2YzMTY0ODYyZmFmYTczMTNlMmVhNjI1ZjMyMDZjZGU5ZCIsInRhZyI6IiJ9</a>.
    </body>
</html>