@extends('layouts.app')

@section('title')
{{$star->name}} - {{ config('app.name', 'Laravel') }}
@endsection

@section('name')
{{$star->name}}
@endsection

@section('content')
<div id="page-content">
  <div id="default_page">
    <div class="container">
      <div class="contentarea clearfix">
        <div class="vc_row wpb_row vc_row-fluid">
          <div class="wpb_column vc_column_container vc_col-sm-12">
            <div class="vc_column-inner ">
              <div class="wpb_wrapper">
                <div id="blog_list" class="grid_top_img col3 ">
                  <div class="row">
                    <div class="isotope_container_wrap">
                      <div class="isotope-container">
                        @foreach ($videos as $video)
                        <article class="col-md-4 post">
                          <div class="post-content-wrapper clearfix">
                            <div class="post_format_content">
                              <div class="post-image">
                                <a href="{{url('/video/'.$video->unique_title)}}">
                                  <img src="{{asset('storage/video/'.$video->thumbnail)}}" />
                                </a>
                              </div>
                            </div>
                            <div class="post-descr-wrap clearfix">
                              <div class="post-meta"> <span class="post-meta-date">{{$video->created_at->format('M d, Y')}}</span></div>
                              <h2 class="post-title">
                                <a href="{{url('/video/'.$video->unique_title)}}">{{$video->title}}</a>
                              </h2>
                            </div>
                          </div>
                        </article>
                        @endforeach
                      </div>
                    </div>
                  </div>
                  {{$videos->onEachSide(3)->links('vendor.pagination.eva_pagination')}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection