@extends('layout')

@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">
          <my-videos-list>
            <div class="margin-content">
              <div class="videos-header">
                <h1 placement="bottom" container="body" class="title ng-star-inserted"> トレンド </h1>
                <div class="title-subscription ng-star-inserted">
                  Subscribe to RSS feed "トレンド"
                  <my-feed>
                    <div class="feed">
                      <my-global-icon role="button" aria-label="Open syndication dropdown" placement="bottom left auto" iconname="syndication" class="icon-syndication ng-star-inserted">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
                      </my-global-icon>
                    </div>
                  </my-feed>
                </div>
                <div class="action-block"></div>
              </div>
              <div class="videos">
                @foreach ($res['video']->data as $v)
                  @include('layout.component.common.videominature')
                @endforeach
              </div>
              @include('layout.component.common.paginate', [
                'root' => '/videos/trending'
              ])
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
