@extends('web.layouts.main')
@section('content')


 <main>
        <!--start about header-->
        <section class="pg-header">
            <div class="text text-center">
                <h4 class="mb-0">الفيديو </h4>
            </div>
        </section>
        <!--start blog-->
        <section class="videos-pg">
            <div class="container">
                <div class="content">
                    <div class="row">
                        @foreach($videos as $row)
                        <div class="col-lg-4">
                            <div class="items">
                                <div class="vid-img">
                                    <img src="{{asset($row->image)}}" alt="">
                                    <a data-fancybox="" href="{{$row->video}}" class="play-btn">
                                        <i class="fas fa-play"></i>
                                    </a>
                                </div>
                                <div class="info">
                                    <h6>{{$row->name}} </h6>
                                    <p>{{$row->description}} </p>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="text-center">
                    <ul>
                       {{$videos->render()}}
                    </ul>
                </div>
            </div>
        </section>
    </main>
  
  @stop