{{-- Global navbar --}} <nav class="navbar navbar-expand-md navbar-{{ dark_mode('dark', 'light') }} page-navbar"> <div class="container"> <a class="navbar-brand" href="{{ route('dash') }}" aria-label="Go to Dashboard"> <img id="navbar-logo" src="/images/logo{{ dark_mode('-dark', '') }}.svg" data-src-light="/images/logo.svg" data-src-dark="/images/logo-dark.svg" aria-hidden=true alt="LOGO" height="32px" style="margin: -10px 0" class="mr-2">{{-- --}}datatable.directory <sup><i>β</i></sup> </a> <button class="navbar-toggler noscript-hide" type="button" data-toggle="collapse" data-target="#mainNavContent" aria-controls="mainNavContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}"> <span class="sr-only">Toggle navigation</span> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse noscript-hide" id="mainNavContent"> <ul class="navbar-nav ml-auto"> <!-- Authentication Links --> @guest() @include('layouts.guest-buttons') @else {{-- Logged in --}} @include('layouts.nav-buttons', ['dropdown' => false]) <li class="nav-item dropdown no-mobile"> <a id="mainNavDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre> @icon(fa-user-circle-o fa-pr){{-- --}}{{ user()->title }} <span class="caret"></span> </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="mainNavDropdown"> @include('layouts.nav-buttons', ['dropdown' => true]) </div> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> @csrf </form> </li> @endif </ul> </div> <noscript> @sr(Menu for users without JavaScript) <ul class="navbar-nav ml-auto"> @guest @include('layouts.guest-buttons') @else @include('layouts.nav-buttons', ['dropdown' => false, 'noscript' => true]) @endif </ul> </noscript> </div> </nav>