@extends('themes.MyLittleHouseSchool.app')

@section('content')

<div class="main-container" id="gallery">

	<div class="vc_row wpb_row vc_row-fluid vc_custom_1501496376170">
	    <div class="wpb_column vc_column_container vc_col-sm-12">
	        <div class="vc_column-inner">
	            <div class="wpb_wrapper">
	                <h2 style="text-align: center;" class="vc_custom_heading">{{$title}}</h2>
	            </div>
	        </div>
	    </div>
	</div>

	<div class="vc_row wpb_row vc_row-fluid vc_row-o-equal-height vc_row-flex">
	    <div class="wpb_column vc_column_container vc_col-sm-1 vc_hidden-sm vc_hidden-xs">
	        <div class="vc_column-inner">
	            <div class="wpb_wrapper"></div>
	        </div>
	    </div>
	    <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-10 vc_col-md-10 vc_col-xs-12">
	        <div class="vc_column-inner vc_custom_1501489257884">
	            <div class="wpb_wrapper">
	                <div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1506585048451">
	                    <div class="wpb_column vc_column_container vc_col-sm-12">
	                        <div class="vc_column-inner vc_custom_1506594602158">
	                            <div class="wpb_wrapper">
	                                <div class="wpb_text_column wpb_content_element vc_custom_1506594412834">
	                                    <div class="wpb_wrapper">
	                                        <div class="news-container">

												@foreach ($gallery['media'] as $key => $media)
		                                            <div class="st-news-post col-lg-4 col-md-4 col-sm-4 col-s-4 col-xs-12">
		                                                <div class="row row-fix">
		                                                    <div class="st-news-post-image-container col-xs-12">
		                                                        <a class="venobox" @if(!isset($media['type'])) data-vbtype="iframe" @endif href="{{$media['src']}}" target="_blank">

																	@if(isset($media['type']) && $media['type']=='image/webp')
																		<div class="st-news-post-img" style="background-image: url({{$media['src']}});"></div>
																	@else
																		<video width='100%' height='100%' controls> <source src='{{$media['src']}}' type='video/mp4'> Your browser does not support the video tag. </video>
																	@endif
		                                                        </a>
		                                                    </div>
		                                                </div>
		                                            </div>
												@endforeach



	                                        </div>
	                                    </div>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
	    <div class="wpb_column vc_column_container vc_col-sm-1 vc_hidden-sm vc_hidden-xs">
	        <div class="vc_column-inner">
	            <div class="wpb_wrapper"></div>
	        </div>
	    </div>
	</div>
</div>

<style media="screen">
	#gallery{
		padding: 20px 0 60px;
	}
</style>

@endsection