<ul class="nav">
  <div class="card">
    <a class="badge badge-sexy">{{$video->id}}</a>
      @if(count($video->tags))
        @foreach($video->tags as $tag)
          @if($tag == 'sfw')
            <a class="badge badge-success isSfw">SFW</a>
            @elseif($tag == 'nsfw')
            <a class="badge badge-danger isNsfw">NSFW</a>
          @endif
        @endforeach
      @endif
  </div>

        @if(auth()->check())
          @if(auth()->user()->hasFaved($video->id))
            <form action="{{url($video->id . '/fav')}}">
              <a hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
              <button type="submit" id="fav" class="btn btn-dark" fav-data="{{url($video->id . '/fav')}}"><i class="fa fa-heart fa-lg"></i></button>
            </form>
          @else
            <form action="{{url($video->id . '/fav')}}">
              <a hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
              <button type="submit" id="fav" class="btn btn-dark bg-toggle"><i class="fa fa-heart-o fa-lg"></i></button>
            </form>
          @endif
          @else
          @endif
  
 <li class="nav-link" data-trigger="hover" data-toggle="popover" data-content="Toggle Videoblur" data-placement="bottom">
    <button type="button" class="btn btn-dark" id="togglebg"><i class="fa fa-power-off fa-lg"></i></button>
  </li>

  <li class="nav-link" data-trigger="hover" data-toggle="popover" data-content="Metadata" data-placement="bottom">
    <button type="button" class="btn btn-dark metadata-button bg-toggle" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-container="body">
      <i class="fa fa-lg fa-info-circle"></i>
    </button> 
    <div id="popover-content" hidden>
      @include('video-partials.popover-metadata')
    </div>
  </li>
</ul>