@php
    $installedModuleNavItems = $installedModuleNavItems ?? [];
    $walletBalance = $walletBalance ?? null;
@endphp

<header class="header">
    <div class="header-left">
        <a href="{{ Route::has('dashboard') ? route('dashboard') : '#' }}" class="header-logo">
            <img src="{{ asset('assets/img/logo.webp') }}" alt="{{ config('app.name') }}">
            <span>{{ config('app.name', 'Admin') }}</span>
        </a>
        <button class="sidebar-toggle" title="Toggle Sidebar" type="button">
            <i class="bi bi-list"></i>
        </button>
    </div>

    @if (count($installedModuleNavItems) > 0)
        <nav class="header-module-nav d-none d-md-flex">
            @foreach ($installedModuleNavItems as $item)
                @php
                    $routePrefix = str_contains($item['route'], '.') ? substr($item['route'], 0, strrpos($item['route'], '.')) : $item['route'];
                    $isActive = request()->routeIs($item['route']) || request()->routeIs($routePrefix.'.*');
                @endphp
                <a class="header-module-link {{ $isActive ? 'active' : '' }}"
                   href="{{ route($item['route']) }}">
                    <i class="{{ $item['icon'] }}"></i>
                    <span>{{ $item['label'] }}</span>
                </a>
            @endforeach
        </nav>
    @endif

    <div class="header-right">
        <div class="header-actions-desktop d-none d-md-flex">
            <button class="header-action theme-toggle" title="Toggle Theme" type="button">
                <i class="bi bi-moon icon-dark"></i>
                <i class="bi bi-sun icon-light"></i>
            </button>

            <span class="header-divider"></span>

            @if ($walletBalance && Route::has('wallet.index'))
                <a href="{{ route('wallet.index') }}" class="header-wallet-pill d-none d-lg-flex text-decoration-none" title="View wallet ledger">
                    <i class="bi bi-wallet2"></i>
                    <span>{{ platform_money($walletBalance->balance, $walletBalance->currency) }}</span>
                </a>
                <span class="header-divider d-none d-lg-inline-flex"></span>
            @elseif ($walletBalance)
                <div class="header-wallet-pill d-none d-lg-flex" title="Platform wallet balance">
                    <i class="bi bi-wallet2"></i>
                    <span>{{ platform_money($walletBalance->balance, $walletBalance->currency) }}</span>
                </div>
                <span class="header-divider d-none d-lg-inline-flex"></span>
            @endif

            <div class="header-action-wrap dropdown user-dropdown">
                <button class="dropdown-toggle user-trigger" data-bs-toggle="dropdown" aria-expanded="false" type="button">
                    <img src="{{ asset('assets/img/profile-img.webp') }}" alt="User" class="user-avatar">
                    <div class="user-brief d-none d-lg-block">
                        <span class="user-name">{{ auth()->user()->name ?? 'Admin' }}</span>
                        <span class="user-role">{{ auth()->user()?->roles?->first()?->name ?? 'Administrator' }}</span>
                    </div>
                    <i class="bi bi-chevron-down user-chevron"></i>
                </button>
                <div class="dropdown-menu dropdown-menu-end user-menu">
                    <div class="user-menu-header">
                        <img src="{{ asset('assets/img/profile-img.webp') }}" alt="User" class="user-menu-avatar">
                        <div class="user-menu-info">
                            <div class="user-menu-name">{{ auth()->user()->name ?? 'Admin' }}</div>
                            <div class="user-menu-email">{{ auth()->user()->email ?? '' }}</div>
                        </div>
                    </div>
                    @if ($walletBalance && Route::has('wallet.index'))
                        <a href="{{ route('wallet.index') }}" class="user-menu-wallet text-decoration-none">
                            <span class="user-menu-wallet-label">Wallet Balance</span>
                            <strong>{{ platform_money($walletBalance->balance, $walletBalance->currency) }}</strong>
                        </a>
                    @elseif ($walletBalance)
                        <div class="user-menu-wallet">
                            <span class="user-menu-wallet-label">Wallet Balance</span>
                            <strong>{{ platform_money($walletBalance->balance, $walletBalance->currency) }}</strong>
                        </div>
                    @endif
                    <div class="user-menu-body">
                        @if (Route::has('profile.edit'))
                            <a class="user-menu-item" href="{{ route('profile.edit') }}">
                                <span class="user-menu-icon"><i class="bi bi-person"></i></span>
                                <span>My Profile</span>
                            </a>
                        @endif
                        @if (Route::has('settings.index'))
                            <a class="user-menu-item" href="{{ route('settings.index') }}">
                                <span class="user-menu-icon"><i class="bi bi-gear"></i></span>
                                <span>Settings</span>
                            </a>
                        @endif
                        @if (Route::has('audit-logs.index'))
                            <a class="user-menu-item" href="{{ route('audit-logs.index') }}">
                                <span class="user-menu-icon"><i class="bi bi-activity"></i></span>
                                <span>Activity Log</span>
                            </a>
                        @endif
                    </div>
                    <div class="user-menu-footer">
                        @if (Route::has('logout'))
                            <form action="{{ route('logout') }}" method="POST">
                                @csrf
                                <button type="submit" class="user-menu-logout w-100 border-0 bg-transparent">
                                    <i class="bi bi-box-arrow-right"></i>
                                    <span>Sign Out</span>
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="header-actions-mobile d-flex d-md-none">
            <button class="header-action mobile-menu-toggle" title="More" type="button">
                <i class="bi bi-three-dots-vertical"></i>
            </button>
        </div>
    </div>
</header>

@if (count($installedModuleNavItems) > 0)
    <nav class="header-module-nav-mobile d-md-none">
        @foreach ($installedModuleNavItems as $item)
            @php
                $routePrefix = str_contains($item['route'], '.') ? substr($item['route'], 0, strrpos($item['route'], '.')) : $item['route'];
                $isActive = request()->routeIs($item['route']) || request()->routeIs($routePrefix.'.*');
            @endphp
            <a class="header-module-link {{ $isActive ? 'active' : '' }}"
               href="{{ route($item['route']) }}">
                <i class="{{ $item['icon'] }}"></i>
                <span>{{ $item['label'] }}</span>
            </a>
        @endforeach
    </nav>
@endif