@extends('frontend.layouts.amp')
@section('title', $data['show']->name . ' - ' . app_name())
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
    {{-- <link rel="amphtml" href="{{ $url }}?amp=1" /> --}}
@endpush
@section('content')
    <section class="blog-page-section with-sidebar">
        <div class="container">
            <div class="row3">
                <div class="col-lg-8 col-xl-9 left-slide-margin">
                    <div class="blog-post post-details single-block">
                        <div class="blog-content">
                            <header>
                                <h3 class="blog-title">{{ $data['show']->name }}</h3>
                            </header>
                            @if($data['show']->image != '')
                                <div class="mb-4">
                                    <amp-img src="/up_data/shows/{{ $data['show']->image }}" width="280" height="186" class="img-fluid" alt="{{ $data['show']->name }}"> </amp-img>
                                </div>
                            @endif
                            <article>
                                {!! $data['show']->details !!}
                            </article>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-3">
                    <div class="sidebar-widget">
                        @if($data['recent_posts'])
                            <div class="single-sidebar">
                                <h2 class="sidebar-title">RECENT BLOG POSTS</h2>
                                @foreach($data['recent_posts'] as $rp)
                                    <div class="text-center">
                                        <a href="/blog/{{ $rp->slug }}"><amp-img src="/up_data/blog/{{ $rp->image_thumbnail }}" width="280" height="220" title="{{ $rp->name }}" alt="{{ $rp->name }}" class="img-fluid img-thumbnail" ></amp-img> </a>
                                        <a href="/blog/{{ $rp->slug }}">{{ $rp->name }}</a>
                                    </div>
                                    <hr>
                                @endforeach
                                {{--<ul class="sidebar-list">
                                    @foreach($data['recent_posts'] as $rp)
                                    <li><a href="/blog/{{ $rp->slug }}">{{ $rp->name }}</a></li>
                                    @endforeach
                                </ul>--}}
                            </div>
                        @endif
                        <div class="single-sidebar">
                            {!! \App\Models\Banner::showBannerAmp(7, 'promo-image overflow-image') !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection