<!DOCTYPE html>
<html lang="ar" dir="rtl"><head>
    <base href="./">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

 
    <!-- Include jQuery -->
    <script type="text/javascript" src="{{asset('DataTables/jq.js') }}"></script>
    <script type="text/javascript" src="{{asset('DataTables/alert.js') }}"></script>

   <!-- Include dt css-->
   <link rel="stylesheet" href="{{asset('DataTables/datatables.css')}}">
   <link rel="icon" href="{{asset('logofs1.png')}}"   />   

   
   <link rel="stylesheet" href="{{asset('time.css')}}">
   <script type="text/javascript" src="{{asset('time.js') }}"></script>


    {{-- <style>
        @import url('https://fonts.cdnfonts.com/css/segoe-ui-4');

  

</style> --}}


    <title>@yield('title', 'المنظومة')</title>
        <meta name="theme-color" content="#ffffff">
 @vite('resources/sass/app.scss')

</head>
<body>
    <style>
        * {
            font-family: Segoe UI; 
           
        }
              
.header .nav-link,.sidebar-fixed,.sidebar,
.header a {
    color: #4828a5ff !important;
}
    </style>



    @include('sweetalert::alert')

<div class="sidebar sidebar-dark sidebar-fixed"  style =" color: #4828a5ff" id="sidebar">
    <div class="sidebar-brand d-none d-md-flex">
        <li style="text-align: center">
            <a class="nav-link" style="align-content: center"  href="{{ route('home') }}">
                      

                        <span style="padding-left: 0px">
                            {{ __('الوحدات التنظيمية') }}
                        </span>
                        <img src="{{ asset('/.png') }}" style="max-width: 30%;height: auto;" alt="">
            </a>
        </li>
    </a>
    </div>
    @include('layouts.navigation')
</div>
<div class="wrapper d-flex flex-column min-vh-100 bg-light">
    <header class="header header-sticky mb-4" >
        <div class="container-fluid" >
            <button class="header-toggler px-md-0 me-md-3" type="button"
                    onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
                <svg class="icon icon-lg">
                    <use xlink:href="{{ asset('icons/coreui.svg#cil-menu') }}"></use>
                </svg>
            </button>
            <a class="header-brand d-md-none" href="#">
                <svg width="118" height="46" alt="">
                 
                </svg>
            </a>
            <ul class="header-nav d-none d-md-flex">
            </ul>
            <ul class="header-nav ms-auto">

            </ul>
            <ul class="header-nav ms-3">
                <li class="nav-item dropdown">
                    <a class="nav-link py-0" data-coreui-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                        {{ Auth::user()->name }}
                    </a>
                    <div class="dropdown-menu dropdown-menu-end pt-0">
                        <form method="POST" action="{{ route('logout') }}">
                            @csrf
                            <button type="submit" class="dropdown-item">
                                <svg class="icon me-2">
                                    <use xlink:href="{{ asset('icons/coreui.svg#cil-account-logout') }}"></use>
                                </svg>
                                {{ __('تسجيل الخروج') }}
                            </button>
                        </form>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <div class="body flex-grow-1 px-2">
        <div class="container-lg">

            @yield('content')
        </div>
    </div>
    {{-- <footer class="footer">
        <div><a href="https://coreui.io">CoreUI </a><a href="https://coreui.io">Bootstrap Admin Template</a> &copy; 2021
            creativeLabs.
        </div>
        <div class="ms-auto">Powered by&nbsp;<a href="https://coreui.io/bootstrap/ui-components/">CoreUI UI
                Components</a></div>
    </footer> --}}
</div>

    <!-- Include website js -->
<script src="{{ asset('js/javascript.js') }}"></script>

    <!-- Include dt js -->
<script type="text/javascript" src="{{asset('DataTables/datatables.js') }}"></script>

<!-- CoreUI JavaScript من CDN كبديل -->
<script src="https://cdn.jsdelivr.net/npm/@coreui/coreui@4/dist/js/coreui.bundle.min.js"></script>

<!-- تهيئة إضافية للقوائم المنسدلة -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // تهيئة Sidebar toggle
    const sidebar = document.querySelector('#sidebar');
    const sidebarToggler = document.querySelector('#sidebar-toggler');
    const wrapper = document.querySelector('.wrapper');
    
    // دالة toggle للـ sidebar
    function toggleSidebar() {
        if (sidebar && wrapper) {
            // استخدام CoreUI API إذا كان متاحاً
            if (typeof coreui !== 'undefined' && coreui.Sidebar) {
                try {
                    const sidebarInstance = coreui.Sidebar.getOrCreateInstance(sidebar);
                    sidebarInstance.toggle();
                    return;
                } catch(e) {
                    console.log('CoreUI Sidebar error:', e);
                }
            }
            
            // Fallback: استخدام CSS classes مباشرة
            // CoreUI يستخدم sidebar-lg-show لإظهار الـ sidebar على الشاشات الكبيرة
            const isVisible = sidebar.classList.contains('sidebar-lg-show') || 
                             window.getComputedStyle(sidebar).display !== 'none';
            
            if (isVisible && sidebar.classList.contains('sidebar-lg-show')) {
                // إخفاء الـ sidebar
                sidebar.classList.remove('sidebar-lg-show');
                wrapper.classList.remove('sidebar-lg-show');
                localStorage.setItem('sidebarOpen', 'false');
            } else {
                // إظهار الـ sidebar
                sidebar.classList.add('sidebar-lg-show');
                wrapper.classList.add('sidebar-lg-show');
                localStorage.setItem('sidebarOpen', 'true');
            }
        }
    }
    
    // إضافة event listener للزر
    if (sidebarToggler) {
        sidebarToggler.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            console.log('Sidebar toggle clicked');
            toggleSidebar();
        });
    } else {
        console.error('Sidebar toggler button not found!');
    }
    
    if (!sidebar) {
        console.error('Sidebar element not found!');
    }
    
    if (!wrapper) {
        console.error('Wrapper element not found!');
    }
    
    // استعادة الحالة من localStorage عند تحميل الصفحة
    const sidebarOpen = localStorage.getItem('sidebarOpen');
    if (sidebarOpen === 'false' && sidebar && wrapper) {
        sidebar.classList.remove('sidebar-lg-show');
        wrapper.classList.remove('sidebar-lg-show');
    }
    
    // تهيئة CoreUI navigation (إذا كان متاحاً)
    if (typeof coreui !== 'undefined' && coreui.Sidebar && sidebar) {
        try {
            coreui.Sidebar.getOrCreateInstance(sidebar);
        } catch(e) {
            console.log('CoreUI Sidebar initialization error:', e);
        }
    }
    
    // الحصول على المسار الحالي
    const currentPath = window.location.pathname;
    
    // تحديد القوائم التي يجب أن تكون مفتوحة حسب المسار
    function checkActiveMenu() {
        const navGroups = document.querySelectorAll('.nav-group');
        
        navGroups.forEach(function(group) {
            const links = group.querySelectorAll('.nav-group-items a');
            let shouldBeOpen = false;
            
            links.forEach(function(link) {
                const linkPath = new URL(link.href).pathname;
                if (currentPath === linkPath || currentPath.startsWith(linkPath + '/')) {
                    shouldBeOpen = true;
                    link.parentElement.classList.add('active');
                    link.classList.add('active');
                }
            });
            
            if (shouldBeOpen) {
                group.classList.add('open', 'active');
                const items = group.querySelector('.nav-group-items');
                if (items) {
                    items.style.display = 'block';
                }
            }
        });
        
        // تحديد الروابط المفردة النشطة
        const singleLinks = document.querySelectorAll('.nav-item:not(.nav-group) .nav-link');
        singleLinks.forEach(function(link) {
            const linkPath = new URL(link.href).pathname;
            if (currentPath === linkPath) {
                link.parentElement.classList.add('active');
                link.classList.add('active');
            }
        });
    }
    
    // تطبيق الحالة النشطة عند تحميل الصفحة
    checkActiveMenu();
    
    // تهيئة يدوية للقوائم المنسدلة
    const navGroups = document.querySelectorAll('.nav-group');
    navGroups.forEach(function(group) {
        const toggle = group.querySelector('.nav-group-toggle');
        const items = group.querySelector('.nav-group-items');
        
        if (toggle && items) {
            toggle.addEventListener('click', function(e) {
                e.preventDefault();
                
                // عدم إغلاق القائمة إذا كانت تحتوي على رابط نشط
                const hasActiveLink = group.querySelector('.nav-group-items .active');
                if (hasActiveLink && group.classList.contains('open')) {
                    return; // لا تغلق القائمة النشطة
                }
                
                // إغلاق القوائم الأخرى (التي لا تحتوي على روابط نشطة)
                navGroups.forEach(function(otherGroup) {
                    if (otherGroup !== group) {
                        const otherHasActive = otherGroup.querySelector('.nav-group-items .active');
                        if (!otherHasActive) {
                            otherGroup.classList.remove('open');
                            const otherItems = otherGroup.querySelector('.nav-group-items');
                            if (otherItems) {
                                otherItems.style.display = 'none';
                            }
                        }
                    }
                });
                
                // تبديل القائمة الحالية
                group.classList.toggle('open');
                if (group.classList.contains('open')) {
                    items.style.display = 'block';
                } else {
                    items.style.display = 'none';
                }
            });
        }
    });
});
</script>

</body>
</html>
