<nav class="navbar navbar-expand-lg sticky-top pl-3">
  <a class="navbar-brand" href="/">z0mb<zombie>ie</zombie></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
            <li class="nav-item">
        <a class="nav-link video-id">{{$video->id}}</a>
        <a class="nav-link video-rating {{$sfw ? 'sfw' : 'nsfw'}}">{{$sfw ? "SFW" : "NSFW"}}</a>
      </li>
            <li class="nav-item">
        @if(auth()->check())
@if(auth()->user()->hasFaved($video->id))
    <a class="nav-link" hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
    <a class="nav-link" href="{{url($video->id . '/fav')}}">❤️ </a>
@else
    <a class="nav-link" hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
    <a class="nav-link" href="{{url($video->id . '/fav')}}">🖤 </a>
@endif
@else
@endif
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="/">Random <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/index">Index</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/categories">Categories</a>
      </li>
      <li class="nav-item">
        <label class="dropdown">
          <div class="nav-link dd-button">
            {{Auth::user()->username}}
          </div>
          
          <input type="checkbox" class="dd-input" id="test">

          <ul class="dd-menu">
            <li><a href="/user/{{Auth::user()->username}}">{{Auth::user()->username}}</a></li>
            <li><a href="{{url('logout')}}">Logout</a></li>
          </ul>
        </label>
      </li>
      <li class="nav-item">
              <div class="dropdownie">
  <input type="checkbox" id="my-dropdownie" value="" name="my-checkbox">
  <label class="nav-link" for="my-dropdownie" data-toggle="dropdownie">[ layout ]</label>
  <ul class="layout-ul">
    <li><a class="nav-link layout1" style="font-size: 10px;" href="/api/user/layout?layout=1">w0bm</a></li>
    <li><a class="nav-link layout2" style="font-size: 10px;" href="/api/user/layout?layout=2">Njum</a></li>
    <li><a class="nav-link layout3" style="font-size: 10px;" href="/api/user/layout?layout=3">z0mb</a></li>
  </ul>
</div>
      </li>
    </ul>
      <div class="search-index hidden-xs d-none d-md-block">
        <form method="get" action="/index" class="form-inline my-2 my-lg-0">
            {!! Form::text('q', isset($q) ? $q : null, ['class' => 'form-control mr-sm-2 search-input text-light', 'placeholder' => 'Search w0bm.com']) !!}
            <button class="btn btn-dark" type="submit">Search</button>
        </form>
    </div>

  </div>
</nav>