@extends('frontend.layouts.amp')
@section('title', 'Videos - ' . app_name())
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
    <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
    <script async custom-element="amp-vimeo" src="https://cdn.ampproject.org/v0/amp-vimeo-0.1.js"></script>
@endpush
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>Videos</h2>
            </div>
        </div>
        @if($data['videos'])
            <section>
                <div class="mt--30">
                    @foreach($data['videos'] as $video)
                        <div class="col-md-6">
                            @if ($video->source == 'Youtube')
                                <amp-youtube data-videoid="{{$video->video_id}}" layout="responsive" width="480" height="270"></amp-youtube>
                            @elseif ($video->source == 'Vimeo')
                                <amp-vimeo data-videoid="{{$video->video_id}}" layout="responsive" width="500" height="281"></amp-vimeo>
                            @endif
                        </div>
                    @endforeach
                </div>
            <section>
        @else
            <p><strong>Sorry!</strong>, no videos found.</p>
        @endif
    </div>
@endsection