<div class="video-info-first-row">
  <div>
    <div class="d-flex justify-content-between flex-direction-column">
      <div class="d-none d-md-block">
        <h1 class="video-info-name">{{ $res['detail']->name }}</h1>
      </div>
      <div class="video-info-first-row-bottom">
        @include('theme.'.env('THEME').'.component.peertube.w.info.viewsdate')
        <my-action-buttons>
          <div class="video-actions-rates">
            <div class="video-actions full-width justify-content-end">
              @include('theme.'.env('THEME').'.component.peertube.w.info.videorate')
              @include('theme.'.env('THEME').'.component.peertube.w.info.support')
              @include('theme.'.env('THEME').'.component.peertube.w.info.share')
              @include('theme.'.env('THEME').'.component.peertube.w.info.save')
              @include('theme.'.env('THEME').'.component.peertube.w.info.more')
            </div>
          </div>
        </my-action-buttons>
      </div>
    </div>
    <div class="pt-3 border-top video-info-channel d-flex">
      @include('theme.'.env('THEME').'.component.peertube.w.info.channel')
      @include('theme.'.env('THEME').'.component.peertube.common.subscribe')
    </div>
  </div>
</div>