<ul class="nav justify-content-center">
<li class="safe-for-rating">
      <a class="badge video-id">{{$video->id}}</a>
      <a class="badge video-rating {{$sfw ? 'sfw' : 'nsfw'}}">{{$sfw ? "sfw" : "nsfw"}}</a>
</li>
  <li class="legacy-item">
   @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>
  <li class="legacy-item">
        <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> 
  </li>
  <li class="legacy-item">
        <div id="popover-content" hidden>
      @include('video-partials.popover-metadata')
    </div>
  </li>
  <li class="legacy-item">
    <button type="button" class="btn btn-dark" id="togglebg"><i class="fa fa-power-off fa-lg"></i></button>
  </li>
  <li class="legacy-item">
    @if(auth()->check())
@if(auth()->user()->can('delete_video'))
<button id="webm_edit" class="btn btn-dark" data-toggle="modal" data-target="#webmeditmodal"><i class="fa fa-edit fa-lg"></i></button>
@endif
@endif
	<li class="legacy-item">
		<button id="webm_report" class="btn btn-dark" data-toggle="modal" data-target="#webmreportmodal"><i class="fa fa-warning fa-md"></i></button>
	</li>
</ul>
