@extends('layouts.layout')

@section('content')
        <!-- Start Page Title Area -->
        <div class="page-title-area page-title-bg1">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="page-title-content">
                            <h2>@lang('main.educational_videos')</h2>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->

        <!-- Start Case Study Area -->
        <section class="case-study-area ptb-100 pb-70 bg-fafafa">
            <div class="container">
                <div class="row">
                    @if ($videos->count())
                        @foreach ($videos as $video)
                            <div class="col-lg-4 col-md-6 col-sm-6">
                                <div class="single-case-study-box">
                                    <div class="case-study-image " style="background-image: url('{{$video->imagePath}}')"></div>
                                    <a href="{{url($video->url)}}" class="case-study-link">
                                        <div class="case-study-img-hover " style="background-image: url('{{$video->imagePath}}')"></div>
                                    </a>
                                    <div class="case-study-info">
                                        {{--                                <span class="category">Home</span>--}}
                                        <h3 class="title"><a href="{{url($video->url)}}">{{$video->title}}</a></h3>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        <div class="col-md-12">
                            {{$videos->links()}}
                        </div>
                    @else
                        <div class="col-md-12 text-center alert alert-info" role="alert">
                            <strong>@lang('main.no_data')</strong>
                        </div>
                    @endif

                </div>
            </div>
        </section>
        <!-- End Case Study Area -->

@stop