@php
    use App\Models\Permission;
    use App\Models\Setting;
    $businessName = Setting::get('business_name', 'Eshikshya Support');
    $logoPath = Setting::get('logo_path');
@endphp

<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
    <div class="app-brand demo" style="margin-top: 20px;">
        <a href="{{ route('dashboard') }}" class="app-brand-link">
            <div class="d-flex flex-column align-items-center w-100 px-3 py-2">
                <div id="logo-container" class="mb-2" style="min-height: 50px; display: flex; align-items: center; justify-content: center;">
                    @if($logoPath)
                        <img id="logo-img" src="{{ Storage::url($logoPath) }}" alt="{{ $businessName }} Logo" class="app-brand-logo" style="max-width: 150px; max-height: 60px; height: auto; width: auto; object-fit: contain; display: block;" onerror="handleLogoError()">
                    @else
                        <img id="logo-img" src="" alt="{{ $businessName }} Logo" class="app-brand-logo" style="max-width: 150px; max-height: 60px; height: auto; width: auto; object-fit: contain; display: none;" onerror="handleLogoError()">
                    @endif
                    <div id="logo-fallback" class="app-brand-logo demo text-primary" style="display: {{ $logoPath ? 'none' : 'flex' }}; align-items: center; justify-content: center;">
                        <i class="icon-base ti tabler-life-buoy fs-2"></i>
                    </div>
                </div>
                <span class="app-brand-text demo menu-text fw-bold text-center" style="font-size: 0.95rem; color: var(--bs-body-color); margin-top: 0.25rem;">{{ $businessName }}</span>
            </div>
        </a>
        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
            <i class="icon-base ti tabler-x"></i>
        </a>
    </div>
    
    @push('scripts')
    <script>
        function handleLogoError() {
            const logoImg = document.getElementById('logo-img');
            const logoFallback = document.getElementById('logo-fallback');
            if (logoImg && logoFallback) {
                logoImg.style.display = 'none';
                logoFallback.style.display = 'flex';
            }
        }
        
        @if(!$logoPath)
        // If no logo in settings, try default paths
        document.addEventListener('DOMContentLoaded', function() {
            const logoImg = document.getElementById('logo-img');
            const logoFallback = document.getElementById('logo-fallback');
            
            if (!logoImg || !logoFallback) return;
            
            // Try multiple possible logo paths
            const logoPaths = [
                '{{ asset("img/logo.png") }}',
                '{{ asset("img/logo.jpg") }}',
                '{{ asset("img/logo.svg") }}',
                '{{ asset("assets/img/logo.png") }}',
                '{{ asset("assets/img/logo.jpg") }}',
                '{{ asset("assets/img/logo.svg") }}',
            ];
            
            let currentPathIndex = 0;
            
            function tryNextLogo() {
                if (currentPathIndex >= logoPaths.length) {
                    // All paths failed, show fallback
                    logoImg.style.display = 'none';
                    logoFallback.style.display = 'flex';
                    return;
                }
                
                const testImg = new Image();
                testImg.onload = function() {
                    // Logo found and loaded successfully
                    logoImg.src = logoPaths[currentPathIndex];
                    logoImg.style.display = 'block';
                    logoFallback.style.display = 'none';
                };
                testImg.onerror = function() {
                    // This path failed, try next
                    currentPathIndex++;
                    tryNextLogo();
                };
                testImg.src = logoPaths[currentPathIndex];
            }
            
            // Start trying to load the logo
            tryNextLogo();
        });
        @endif
    </script>
    @endpush
    <div class="menu-inner-shadow"></div>

    @php
        $currentUser = auth()->user();
        
        // Helper function to check if user can view a module
        $canView = function ($permissionSlug) use ($currentUser) {
            // If no user, return false
            if (!$currentUser) {
                return false;
            }
            
            // Administrator and Super Admin have full access
            if ($currentUser->hasRole('Administrator') || $currentUser->hasRole('Super Admin')) {
                return true;
            }
            
            // Check if the permission exists in the database
            $permissionExists = \App\Models\Permission::where('slug', $permissionSlug)->exists();
            
            // If permission doesn't exist in system, allow access (backward compatibility)
            // This means the permission hasn't been created/toggled yet, so show menu by default
            if (!$permissionExists) {
                return true;
            }
            
            // If permission exists in database, check if user has it
            // If user doesn't have it, the permission is disabled for their role - hide menu
            return $currentUser->hasPermission($permissionSlug);
        };
    @endphp
    <ul class="menu-inner py-1" style="margin-top: 20px;">
        @auth
            {{-- Dashboard - always visible for authenticated users --}}
            <li class="menu-item {{ request()->routeIs('dashboard') ? 'active' : '' }}">
                <a href="{{ route('dashboard') }}" class="menu-link">
                    <i class="menu-icon icon-base ti tabler-dashboard"></i>
                    <div>Dashboard</div>
                </a>
            </li>

            {{-- Issues --}}
            @if($canView('issues.view'))
                <li class="menu-item {{ request()->routeIs('issues.*') && !request()->routeIs('issues.history') ? 'active open' : '' }}">
                    <a href="{{ route('issues.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-alert-octagon"></i>
                        <div>Issues</div>
                    </a>
                </li>
            @endif

            {{-- Issue History --}}
            @if($canView('issues.history.view'))
                <li class="menu-item {{ request()->routeIs('issues.history') ? 'active' : '' }}">
                    <a href="{{ route('issues.history') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-history"></i>
                        <div>Issue History</div>
                    </a>
                </li>
            @endif

            {{-- Departments --}}
            @if($canView('departments.view'))
                <li class="menu-item {{ request()->routeIs('departments.*') ? 'active open' : '' }}">
                    <a href="{{ route('departments.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-building"></i>
                        <div>Departments</div>
                    </a>
                </li>
            @endif

            {{-- Employees --}}
            @if($canView('employees.view'))
                <li class="menu-item {{ request()->routeIs('employees.*') ? 'active open' : '' }}">
                    <a href="{{ route('employees.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-users"></i>
                        <div>Employees</div>
                    </a>
                </li>
            @endif

            {{-- Users --}}
            @if($canView('users.view'))
                <li class="menu-item {{ request()->routeIs('users.*') ? 'active open' : '' }}">
                    <a href="{{ route('users.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-user"></i>
                        <div>Users</div>
                    </a>
                </li>
            @endif

            {{-- Calendar/Tasks --}}
            @if($canView('tasks.view'))
                <li class="menu-item {{ request()->routeIs('tasks.*') ? 'active open' : '' }}">
                    <a href="{{ route('tasks.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-calendar-event"></i>
                        <div>Calendar</div>
                    </a>
                </li>
            @endif

            {{-- Issue Types --}}
            @if($canView('issue-types.view'))
                <li class="menu-item {{ request()->routeIs('issue-types.*') ? 'active open' : '' }}">
                    <a href="{{ route('issue-types.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-category"></i>
                        <div>Issue Types</div>
                    </a>
                </li>
            @endif

            {{-- Schools --}}
            @if($canView('schools.view'))
                <li class="menu-item {{ request()->routeIs('schools.*') ? 'active open' : '' }}">
                    <a href="{{ route('schools.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-building-community"></i>
                        <div>Schools</div>
                    </a>
                </li>
            @endif

            {{-- Roles --}}
            @if($canView('roles.view'))
                <li class="menu-item {{ request()->routeIs('roles.*') ? 'active open' : '' }}">
                    <a href="{{ route('roles.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-shield-lock"></i>
                        <div>Roles</div>
                    </a>
                </li>
            @endif

            @if($currentUser && ($currentUser->hasRole('Super Admin') || $currentUser->hasRole('Administrator')))
                <li class="menu-item {{ request()->routeIs('permissions.*') ? 'active open' : '' }}">
                    <a href="{{ route('permissions.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-lock-code"></i>
                        <div>Permissions</div>
                    </a>
                </li>
            @endif

            @if($currentUser && ($currentUser->hasRole('Super Admin') || $currentUser->hasRole('Administrator') || $currentUser->hasPermission('settings.view')))
                <li class="menu-item {{ request()->routeIs('settings.*') ? 'active open' : '' }}">
                    <a href="{{ route('settings.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-settings"></i>
                        <div>Settings</div>
                    </a>
                </li>
            @endif
        @endauth
    </ul>
</aside>