@extends('layouts.mainlay')
@section('title',' معرض المرئيات')
@section('content')
    <div style="height: 130px"></div>
	<div class="about-box" style="text-align: right; padding:1%">
        <div class="about-box">
            <div class="container">
                <div class="section-title row text-center">
                    <div class="col-md-8 col-md-offset-2">
                        <h3>معرض المرئيات</h3>
                    </div>
                </div>
                <div class="row">
                        @foreach($video as $item)
                            <div class="col-md-4 mb-4 mt-4 " style="width:100%; height: 300px;">
                                <div class="post-media wow fadeIn" >
                                    <img style="height: 280px; width: 100%" src="{{asset(config('global.STORGE_PATH').'/img/'.$item->videoImg) }}" alt="" class="img-responsive">
                                    @if($item->youtupeFlag==2)
                                        <a href="{{$item->videourl}}" data-rel="prettyPhoto[gal]" class="playbutton"><i class="flaticon-play-button"></i></a>
                                    @elseif($item->youtupeFlag==1)
                                        <div class="playbutton btnVideo" data-toggle="modal" data-target="#modalvideo" data-title="{{$item->videoTitle}}" data-type={{$item->youtupeFlag}} 
                                            data-href="{{$item->videourl}}" style="cursor:  pointer"><i class="flaticon-play-button"></i></div>
                                    @endif
                                </div>
                                 @if($item->youtupeFlag==2)
                                    <div><a href="{{$item->videourl}}" data-rel="prettyPhoto[gal]" class=""><p style="color: #000; font-size:15px; text-align: center">{{$item->videoTitle}}</p></a></div>
                                @elseif($item->youtupeFlag==1)
                                    <div class="btn btnVideo" data-toggle="modal" data-target="#modalvideo" data-title="{{$item->videoTitle}}" data-type={{$item->youtupeFlag}} 
                                        data-href="{{$item->videourl}}" style="cursor:  pointer; color: #000; font-size:15px; text-align: center"> {{$item->videoTitle}} </div>
                                @endif 
                            </div>
                            
                        @endforeach
                </div>
            </div>
        </div>  
    </div>
    @include('modalvideo')
    @endsection