@extends('theme.'.env('THEME').'.peertube')

@section('content')
  <div id="content" tabindex="-1" class="main-col">
    <div class="main-row">
      <ng-component class="ng-star-inserted">
        <ng-component class="ng-star-inserted">
          <h1 class="sr-only">ディスカバー</h1>
          <div class="margin-content">
            @if (!empty($res['video']->categories)) @include('theme.'.env('THEME').'.component.peertube.parts.videos.categories') @endif
            @if (!empty($res['video']->tags)) @include('theme.'.env('THEME').'.component.peertube.parts.videos.tags') @endif
            @if (!empty($res['video']->channels)) @include('theme.'.env('THEME').'.component.peertube.parts.videos.channels') @endif
            <div style="margin-top: 16px;"></div>
            @include('theme.'.env('THEME').'.component.peertube.parts.common.paginate', [
              'root' => '/peertube/videos/overview'
            ])
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection