@extends('site.layouts.master')
@section('title', 'ویدیو ها')
@section('content')



      <section class="page-header -type-1 mt-50">
        <div class="container">
          <div class="page-header__content">
            <div class="row justify-center text-center">
              <div class="col-auto">
                <div >

                  <h1 class="page-header__title">لیست ویدیو ها</h1>

                </div>

                <div >


                </div>
              </div>
            </div>
          </div>
        </div>
      </section>


      <section class="layout-pt-md layout-pb-lg">
        <div data-anim-wrap class="container">
          <div class="tabs -pills js-tabs">
            <div class="tabs__content pt-40 js-tabs-content">

              <div class="tabs__pane -tab-item-1 is-active">
                <div class="row y-gap-30 pt-30">
                   @foreach ($videos as $item)
                    <div class="col-lg-4 col-md-6">
                        <div class="eventCard -type-1">
                        <div class="eventCard__img" >
                            <img src="{{ $item->cover }}" alt="image">
                        </div>

                        <div class="eventCard__bg bg-white">
                            <div class="eventCard__content y-gap-10">
                            <div class="eventCard__inner">
                                <h4 class="eventCard__title text-16 fw-500">
                                {{$item->title}}
                                </h4>
                                <div class="d-flex x-gap-15 pt-10">
                                <div class="d-flex items-center">
                                    <div class="icon-calendar-2 text-16 ml-8"></div>
                                    <div class="text-14">{{verta($item->created_at)->format('%d %B، %Y')}}</div>
                                </div>
                                <div class="d-flex items-center">
                                </div>
                                </div>
                            </div>

                            <div class="eventCard__button">
                                <a href="{{route('video-single',$item->id)}}" class="button -sm -rounded -outline-purple-1 text-purple-1 px-25">مشاهده</a>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                  @endforeach

                </div>

                  {{ $videos->links('pagination::defaultcopy') }}

              </div>

            </div>
          </div>
        </div>
      </section>

@endsection