@extends('frontend.layouts.amp')
@section('title', $data['page']->heading)
@push('head-area')
    <link rel="canonical" href="{{ URL::to('/trade-shows') }}" />
    {{-- <link rel="amphtml" href="{{ URL::to('/trade-shows') }}?amp=1" /> --}}
@endpush
@section('content')
    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container content-height">
            <div class="page-section-title">
                <h1>{{ $data['page']->heading }}</h1>
                <p>{!! $data['page']->content !!}</p>
            </div>
            @isset($data['date'])    
                <section>
                    <div class="mt--30">
                        <div class="container">
                            <div class="block-title">
                                <amp-accordion animate expand-single-section>
                                    @foreach ($data['date'] as $year => $yearRows)
                                        <section style="padding: 20px 0px 10px 0px;margin:5px 0px 2px 0px;border-top:1px solid rgba(0,0,0,.1)"><h5 style="background-color:transparent;border:none" >Shows for {{$year}}</h5><p></p></section>
                                        @foreach($yearRows as $month => $monthRows)
                                            <section class="amp-accordion__section" @if($data['carbon'] == $month.$year ) expanded @endif >
                                                <h6 class="amp-accordion__header" style="padding: 5px 10px;border-radius: 2px;font-size:12px;font-weight:800;">
                                                    <svg class="svg-icon amp-accordion__header-expand" width="15" height="15" viewBox="0 0 20 20">
                                                        <path d="M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10"></path>
                                                    </svg>
                                                    <svg class="svg-icon amp-accordion__header-collapse" width="15" height="15" viewBox="0 0 20 20">
                                                        <path d="M14.776,10c0,0.239-0.195,0.434-0.435,0.434H5.658c-0.239,0-0.434-0.195-0.434-0.434s0.195-0.434,0.434-0.434h8.684C14.581,9.566,14.776,9.762,14.776,10 M18.25,10c0,4.558-3.693,8.25-8.25,8.25c-4.557,0-8.25-3.691-8.25-8.25c0-4.557,3.693-8.25,8.25-8.25C14.557,1.75,18.25,5.443,18.25,10 M17.382,10c0-4.071-3.312-7.381-7.382-7.381C5.929,2.619,2.619,5.93,2.619,10c0,4.07,3.311,7.382,7.381,7.382C14.07,17.383,17.382,14.07,17.382,10"></path>
                                                    </svg>
                                                    {{ $monthsArray[$month] }}
                                                </h6>
                                                <div style="padding: 10px 5px;">
                                                    @foreach($monthRows as $day => $rows)
                                                        {{-- {{$day}} --}}
                                                        @foreach($rows as $show)
                                                            @php
                                                                $image = '/up_data/shows/'.$show->image_thumbnail;
                                                                $link = '';
                                                                if($show->link != '')
                                                                    $link = $show->link;
                                                            @endphp
                                                            <div class="col-xl-4 mb-5">
                                                                <div class="blog-post mb2">
                                                                    @if($show->image_thumbnail != '')
                                                                        <a href="{{ $link }}" target="_blank" class="blog-image">
                                                                            <amp-img class="img-thumbnail img-fluid mb1" src="{{ $image }}" width="290" height="238" alt="{{ $show->heading_content }}"> </amp-img>
                                                                        </a>   
                                                                    @else
                                                                        <div on="window.open('{{ $link }}');" id="trade-shows">
                                                                            <div style="font-weight: bold; color: #0c7abf; padding: 20px;">{{ $show->start_date.' / '.$show->end_date }}</div>
                                                                            <div style="text-align: center; margin-top: 30px; padding: 0px 20px; font-weight: bold; font-size: 20px;">{{ $show->name }}</div>
                                                                        </div>
                                                                    @endif
                                                                    <div class="blog-content mt-3 text-center">
                                                                        <article>
                                                                            @if($show->location != '')
                                                                                <header>
                                                                                    <h4 class="blog-title">{{ $show->location }}</h4>
                                                                                </header>
                                                                            @endif
                                                                        </article>
                                                                        <div class="blog-btn pb-1 pt-1">
                                                                            @if($show->details_link != '' || trim(strip_tags($show->details)) != null)
                                                                                @php
                                                                                    if($show->details_link != '')
                                                                                        $link_d = $show->details_link;
                                                                                    else
                                                                                        $link_d = 'events/'.$show->id.'-'.str_slug($show->name);
                                                                                @endphp
                                                                                <a href="{{ $link_d }}" class="btn btn-rounded btn-outlined--primary mb1">See Details</a>
                                                                            @endif
                                                                            <!-- <a href="{{ $link }}" target="_blank" class="btn btn-rounded btn-outlined--primary mb1">Visit Now</a> -->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endforeach
                                                </div>
                                            </section>
                                        @endforeach
                                    @endforeach
                                </amp-accordion>
                            </div>
                        </div>
                    </div>
                </section>
            @endisset
            {{-- @if($data['shows'])
                <section class="blog-pagsectione">
                    <div class="container">
                        <div class="row3">
                            @foreach($data['shows'] as $show)
                                @php
                                    $image = '/up_data/shows/'.$show->image_thumbnail;
                                    $link = '';
                                    if($show->link != '')
                                        $link = $show->link;
                                @endphp
                                <div class="col-xl-4 mb-5">
                                    <div class="blog-post mb2">
                                        @if($show->image_thumbnail != '')
                                            <a href="{{ $link }}" target="_blank" class="blog-image">
                                                <amp-img class="img-thumbnail img-fluid mb1" src="{{ $image }}" width="290" height="238" alt="{{ $show->heading_content }}"> </amp-img>
                                            </a>   
                                        @else
                                            <div on="window.open('{{ $link }}');" id="trade-shows">
                                                <div style="font-weight: bold; color: #0c7abf; padding: 20px;">{{ $show->dates }}</div>
                                                <div style="text-align: center; margin-top: 30px; padding: 0px 20px; font-weight: bold; font-size: 20px;">{{ $show->name }}</div>
                                            </div>
                                        @endif
                                        <div class="blog-content mt-3 text-center">
                                            <article>
                                                @if($show->location != '')
                                                    <header>
                                                        <h4 class="blog-title">{{ $show->location }}</h4>
                                                    </header>
                                                @endif
                                            </article>
                                            <div class="blog-btn pb-1 pt-1">
                                                @if($show->details_link != '' || trim(strip_tags($show->details)) != null)
                                                    @php
                                                        if($show->details_link != '')
                                                            $link_d = $show->details_link;
                                                        else
                                                            $link_d = 'events/'.$show->id.'-'.str_slug($show->name);
                                                    @endphp
                                                    <a href="{{ $link_d }}" class="btn btn-rounded btn-outlined--primary mb1">See Details</a>
                                                @endif
                                                <!-- <a href="{{ $link }}" target="_blank" class="btn btn-rounded btn-outlined--primary mb1">Visit Now</a> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="mt--30">
                            <div class="pagination-widget">
                                <div class="site-pagination">
                                    {!! $data['shows']->appends( request()->except('page') )->links() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            @else
                <p><strong>Sorry!</strong>, no trade shows found.</p>
            @endif --}}
        </div>
    </div>
@endsection