@if(!isset($hide_header) || !$hide_header)
@auth
<!-- Top navbar div start -->
<nav class="navbar navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-brand">
            <button type="button" class="btn-toggle-offcanvas"><i class="fa fa-bars"></i></button>
            <button type="button" class="btn-toggle-fullwidth"><i class="fa fa-bars"></i></button>
            <a href="{{ route('dashboard') }}">VPN ADMIN</a>                
        </div>
        
        <div class="navbar-right">
            <!-- Theme Toggle Button -->
            <div class="theme-toggle-wrapper" style="display: inline-block; margin-right: 15px; vertical-align: middle;">
                <button type="button" class="btn btn-default theme-toggle-btn" id="themeToggleBtn" title="Toggle Dark/Light Theme">
                    <i class="fa fa-moon-o" id="themeIcon"></i>
                </button>
            </div>

            <form id="navbar-search" class="navbar-form search-form">
                <input value="" class="form-control" placeholder="Search here..." type="text">
                <button type="button" class="btn btn-default"><i class="icon-magnifier"></i></button>
            </form>                

            <!-- <div id="navbar-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="javascript:void(0);" class="dropdown-toggle icon-menu" data-toggle="dropdown">
                            <i class="fa fa-user"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right account">
                            <li class="header"><strong>{{ Auth::user()->name ?? 'User' }}</strong></li>
                            <li>
                                <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                    <i class="icon-power"></i> Logout
                                </a>
                                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                    @csrf
                                </form>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div> -->
        </div>
    </div>
</nav>
@endauth
@endif