@extends('frontend.layouts.app')
@section('title', 'Virtual Trade Shows / Conferences' . ' - ' . app_name())
@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">
                <h2>Virtual Trade Shows / Conferences</h2>
            </div><br><br>
            @isset($data['date'])    
                {{-- {{ $data['carbon'] }} --}}
                <div class="accordion" id="accordionExample">
                    @foreach ($data['date'] as $year => $yearRows)
                        <h3 class="text-muted mb-3">Shows for {{$year}}</h3>
                        @foreach($yearRows as $month => $monthRows)
                            {{-- {{$monthsArray[$month]}} --}}
                            <div class="card shadow">
                                <div class="card-header" id="{{ 'heading'. $monthsArray[$month]. $year }}">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link" data-toggle="collapse" data-target="#{{ 'collapse'. $month.$year }}">
                                            <i class="fa fa-plus mr-4"></i>
                                            {{$monthsArray[$month] }}
                                        </button>
                                    </h5>
                                </div>
                                <div id="{{ 'collapse'.  $month.$year }}" class="collapse @if($data['carbon'] == $month.$year ) show @endif" aria-labelledby="{{ 'heading'. $month.$year }}" data-parent="#accordionExample" >
                                    <div class="card-body">
                                        <section class="blog-pagsectione">
                                            <div class="container">
                                                <div class="row">
                                                    @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 col-md-6 mb-5">
                                                                <div class="blog-post">
                                                                    @if($show->image_thumbnail != '')
                                                                        <a href="{{ $link }}" target="_blank" class="blog-image">
                                                                            <img class="img-thumbnail img-fluid" src="{{ $image }}" alt="{{ $show->heading_content }}">
                                                                        </a>
                                                                    @else
                                                                        <div onclick="window.open('{{ $link }}');" style="cursor: pointer;background-image: url('up_data/show-image.jpg'); width: 360px; height: 270px; background-repeat: no-repeat; background-position: center center;">
                                                                            <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 = 'trade-shows/'.$show->id.'-'.str_slug($show->name);
                                                                                @endphp
                                                                                <a href="{{ $link_d }}" class="btn btn-sm btn-success">Read More</a>
                                                                            @endif
                                                                            <a href="{{ $link }}" target="_blank" class="btn btn-sm btn-success">Visit Now</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endforeach
                                                </div>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        @endforeach<hr>
                    @endforeach
                </div>
            @endisset
            {{-- @if($data['shows'])
            <section class="blog-pagsectione">
                <div class="container">
                    <div class="row">
                        @foreach($data['shows'] as $show)
                            @php
                                //$image = '/up_data/flyers/images/'.$post->image;
                                //$link = '/up_data/flyers/pdfs/'.$post->pdf_file;
                            @endphp
                            <div class="col-md-4">
                                <div class="card" !style="width: 18rem;">
                                    <div class="card-body">
                                        <h5 class="card-title">{{ $show->dates }}</h5>
                                        <h6 class="card-subtitle mb-2 text-muted">
                                            {{ $show->name }}
                                            @if($show->link != '')
                                                <a href="{{ $show->link }}" target="_blank"><i class="fa fa-globe-americas"></i></a>
                                            @endif
                                        </h6>
                                        @if($show->booth != '')
                                        <p class="card-text">Booth # {{ $show->booth }}</p>
                                        @endif
                                        @if($show->location != '')
                                        <p class="card-text">{{ $show->location }}</p>
                                        @endif
                                        @if($show->details_link != '' || trim(strip_tags($show->details)) != null)
                                            @php
                                                if($show->details_link != '')
                                                    $link = $show->details_link;
                                                else
                                                    $link = 'trade-shows/'.$show->id.'_'.str_slug($show->name);
                                            @endphp
                                            <a href="{{ $link }}" class="btn btn-sm btn-success">Read Details</a>
                                        @endif
                                    </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