{{-- Language Dropdown --}}
<div class="lang-dropdown z-3">
    <div class="dropdown">
        <button class="lang-btn btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <img src="{{ asset('themes/electus/images/lang/en.png') }}" alt="en" height="22">
            EN
        </button>
        {{-- For now only English, can be extended later --}}
    </div>
</div>

{{-- Main Navigation --}}
<div class="container d-flex justify-content-center c-nav-container z-3">
    <nav class="navbar navbar-expand-lg custom-nav">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        
        <div class="collapse navbar-collapse nav-container" id="navbarNav">
            {{-- Left Navigation --}}
            <ul class="navbar-nav c-nav-list">
                <li class="nav-item c-nav-item {{ request()->routeIs('index') ? 'active' : '' }}">
                    <a class="nav-link c-nav-link" href="{{ route('index') }}">Home</a>
                </li>
                
                <li class="nav-item c-nav-item {{ request()->routeIs('donations-index') ? 'active' : '' }}">
                    <a class="nav-link c-nav-link" href="{{ route('donations-index') }}">Donations</a>
                </li>
                
                <li class="nav-item c-nav-item {{ request()->routeIs('ranking.*') ? 'active' : '' }}">
                    <a class="nav-link c-nav-link" href="{{ route('ranking.char') }}">Ranking</a>
                </li>
                
                <li class="nav-item c-nav-item {{ request()->routeIs('downloads-index') ? 'active' : '' }}">
                    <a class="nav-link c-nav-link" href="{{ route('downloads-index') }}">Downloads</a>
                </li>
                
                <li class="nav-item c-nav-item">
                    <a class="nav-link c-nav-link" href="#" target="_blank">New Features</a>
                </li>
                
                <li class="nav-item dropdown c-nav-item">
                    <a class="nav-link dropdown-toggle c-nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
                        Server Information
                    </a>
                    <ul class="dropdown-menu c-dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="dropdown-item c-dropdown-item c-nav-link" href="{{ route('server-information') }}">Server Info</a></li>
                        <li><a class="dropdown-item c-dropdown-item c-nav-link" href="{{ route('rules-index') }}">Rules</a></li>
                    </ul>
                </li>
            </ul>
            
            {{-- Right Navigation --}}
            <ul class="navbar-nav c-nav-list right text-end-lest">
                @guest
                    <li class="nav-item c-nav-item">
                        <a class="nav-link c-nav-link" href="{{ route('register') }}">Register</a>
                    </li>
                    <li class="nav-item c-nav-item">
                        <a class="nav-link c-nav-link" href="{{ route('login') }}">Login</a>
                    </li>
                @else
                    <li class="nav-item dropdown c-nav-item">
                        <a class="nav-link dropdown-toggle c-nav-link" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
                            {{ Auth::user()->name }}
                        </a>
                        <ul class="dropdown-menu c-dropdown-menu" aria-labelledby="userDropdown">
                            <li><a class="dropdown-item c-dropdown-item c-nav-link" href="{{ route('home') }}">Dashboard</a></li>
                            <li><a class="dropdown-item c-dropdown-item c-nav-link" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a></li>
                        </ul>
                    </li>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                        @csrf
                    </form>
                @endguest
            </ul>
        </div>
    </nav>
</div>