@php $u = auth()->user(); $isRtl = in_array(app()->getLocale(), ['ar']); @endphp

<nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
            <a href="{{ route('admin.dashboard') }}" class="nav-link">{{ __('admin.dashboard') }}</a>
        </li>
    </ul>

    <ul class="navbar-nav {{ $isRtl ? 'mr-auto' : 'ml-auto' }}">

        {{-- تبديل اللغة --}}
        <li class="nav-item dropdown">
            <a class="nav-link" data-toggle="dropdown" href="#" role="button">
                <i class="fas fa-globe"></i>
                <span class="d-none d-md-inline">
                    {{ app()->getLocale() === 'ar' ? __('admin.arabic') : __('admin.english') }}
                </span>
            </a>
            <div class="dropdown-menu dropdown-menu-{{ $isRtl ? 'right' : 'left' }}">
                <a href="{{ url()->current() }}?lang=ar" class="dropdown-item {{ app()->getLocale() === 'ar' ? 'active' : '' }}">
                    🇪🇬 {{ __('admin.arabic') }}
                </a>
                <a href="{{ url()->current() }}?lang=en" class="dropdown-item {{ app()->getLocale() === 'en' ? 'active' : '' }}">
                    🇬🇧 {{ __('admin.english') }}
                </a>
            </div>
        </li>

        {{-- الإشعارات --}}
        <li class="nav-item dropdown" id="notificationsBell">
            <a class="nav-link" data-toggle="dropdown" href="#" id="notifBellTrigger">
                <i class="far fa-bell"></i>
                <span class="badge badge-warning navbar-badge" id="notifBadge" style="display:none">0</span>
            </a>
            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-{{ $isRtl ? 'right' : 'left' }}" style="width:340px">
                <span class="dropdown-item dropdown-header" id="notifHeader">جاري التحميل…</span>
                <div class="dropdown-divider"></div>
                <div id="notifList" style="max-height:340px;overflow:auto"></div>
                <div class="dropdown-divider"></div>
                <a href="{{ route('admin.notifications.index') }}" class="dropdown-item dropdown-footer">
                    <i class="fas fa-list"></i> عرض كل الإشعارات
                </a>
            </div>
        </li>

        {{-- البروفايل --}}
        <li class="nav-item dropdown user-menu">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
                <img src="{{ $u?->avatar_url }}" class="user-image img-circle elevation-2" alt="avatar" style="width:25px;height:25px;">
                <span class="d-none d-md-inline">{{ $u?->name }}</span>
            </a>
            <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-{{ $isRtl ? 'right' : 'left' }}">
                <li class="user-header bg-primary">
                    <img src="{{ $u?->avatar_url }}" class="img-circle elevation-2" alt="avatar">
                    <p>
                        {{ $u?->name }}
                        <small>{{ $u?->email }}</small>
                    </p>
                </li>
                <li class="user-footer">
                    <a href="{{ route('admin.profile.edit') }}" class="btn btn-default btn-flat">
                        <i class="fas fa-user-edit"></i> {{ __('admin.profile') }}
                    </a>
                    <form action="{{ route('admin.logout') }}" method="POST" class="float-{{ $isRtl ? 'left' : 'right' }} d-inline">
                        @csrf
                        <button type="submit" class="btn btn-default btn-flat">
                            <i class="fas fa-sign-out-alt"></i> {{ __('admin.logout') }}
                        </button>
                    </form>
                </li>
            </ul>
        </li>
    </ul>
</nav>