<nav class="navbar navbar-top navbar-expand navbar-dark bg-primary border-bottom"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <form class="navbar-search navbar-search-light form-inline mr-sm-3" id="navbar-search-main" method="get" action="/i/web"> <input type="hidden" name="src" value="ac"> <div class="form-group mb-0"> <div class="input-group input-group-alternative input-group-merge"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-search"></i></span> </div> <input type="text" class="form-control" name="q" placeholder="{{__('navmenu.search')}}"> </div> </div> <button type="button" class="close" data-action="search-close" data-target="#navbar-search-main" aria-label="Close"> <span aria-hidden="true">×</span> </button> </form> <ul class="navbar-nav align-items-center ml-md-auto "> <li class="nav-item d-xl-none"> <div class="pr-3 sidenav-toggler sidenav-toggler-dark" data-action="sidenav-pin" data-target="#sidenav-main"> <div class="sidenav-toggler-inner"> <i class="sidenav-toggler-line"></i> <i class="sidenav-toggler-line"></i> <i class="sidenav-toggler-line"></i> </div> </div> </li> <li class="nav-item d-sm-none"> <a class="nav-link" href="#" data-action="search-show" data-target="#navbar-search-main"> <i class="ni ni-zoom-split-in"></i> </a> </li> </ul> <ul class="navbar-nav align-items-center ml-auto ml-md-0 "> <li class="nav-item dropdown"> <a class="nav-link pr-0" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="media align-items-center"> <span class="avatar avatar-sm rounded-circle"> <img alt="avatar" src="{{request()->user()->avatarUrl()}}" onerror="this.onerror=null;this.src='/storage/avatars/default.png?v=0';" width="36" height="36" style="object-fit: cover;"> </span> <div class="media-body ml-2 d-none d-lg-block"> <span class="mb-0 text-sm font-weight-bold">{{request()->user()->username}}</span> </div> </div> </a> <div class="dropdown-menu dropdown-menu-right "> <a href="/i/web" class="dropdown-item d-flex align-items-center"> <span style="width:30px;"> <i class="far fa-home text-light"></i> </span> <span class="font-weight-bold">Home</span> </a> <a href="/i/web/discover" class="dropdown-item d-flex align-items-center"> <span style="width:30px;"> <i class="far fa-compass text-light"></i> </span> <span class="font-weight-bold">Discover</span> </a> <div class="dropdown-divider"></div> <a href="/i/me" class="dropdown-item d-flex align-items-center"> <span style="width:30px;"> <i class="far fa-user text-light"></i> </span> <span class="font-weight-bold">Profile</span> </a> <a href="/settings/home" class="dropdown-item d-flex align-items-center"> <span style="width:30px;"> <i class="far fa-cog text-light"></i> </span> <span class="font-weight-bold">Settings</span> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item d-flex align-items-center" onclick="event.preventDefault();document.getElementById('logout-form').submit();"> <span style="width:30px;"> <i class="far fa-sign-out text-light"></i> </span> <span class="font-weight-bold">{{ __('navmenu.logout') }}</span> </a> <form id="logout-form" action="/logout" method="POST" style="display: none;"> @csrf </form> </div> </li> </ul> </div> </div> </nav>