@extends('frontend.layouts.app')
@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)
@section('meta_url', URL::Current())
@section('page_title', $data['page']->title)
@section('product_description',$data['page']->meta_description)
@php
    if(app()->environment() == 'dev')
        $site = 'dev';
    else
        $site = 'www';
@endphp
@section('image','https://'.$site.'.germedusa.com/static/assets/images/og_imag_logo.png')
@section('image:width', "1200")
@section('image:height', "630")
@section('content')
@php
    use Illuminate\Support\Str;
@endphp
    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding">
        <div class="row">
            <div class="col-md-12 mb-2">
                <div id="main-banner-after-header"  class="bg-buttery-white align-items-center d-flex banner-3 justify-content-center">
                <h1 class="title category_detail_heading h1-tag ">
                    Trade Shows
                </h1>
                </div>
            </div>
        </div>
        @include('includes.partials.bread-crumbs')
        @isset($data['date'])
            <div class="container-lg content-height pt-30">
                <div class="page-section-title">
                    <h1>{{ $data['page']->heading }}</h1>
                    <p>{!! $data['page']->content !!}</p>
                </div>
                {{-- {{ $data['carbon'] }} --}}
                <div class="site-faq-accordion accordion pt-30" id="accordion">
                    @foreach ($data['date'] as $year => $yearRows)
                        <h3 class="mb-3">Shows for {{$year}}</h3>
                        @foreach($yearRows as $month => $monthRows)
                            <div class="card mb-3">
                                <div class="card-header" id="{{ 'heading'. $monthsArray[$month]. $year }}">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link text-dark hover:text-blue @if($data['carbon'] == $month.$year ) @else collapsed @endif" data-toggle="collapse" data-target="#{{ 'collapse'. $month.$year }}" aria-expanded=" @if($data['carbon'] == $month.$year ) true @else false @endif" aria-controls="{{ 'collapse'. $month.$year }}">
                                            {{$monthsArray[$month] }}
                                        </button>
                                    </h5>
                                </div>
                                <div id="{{ 'collapse'.  $month.$year }}" class="collapse @if($data['carbon'] == $month.$year ) show @endif latest-accordion" aria-labelledby="{{ 'heading'. $month.$year }}" data-parent="#accordion" >
                                    <div class="card-body">
                                        <section class="blog-pagsectione">
                                            <div class="container-data">
                                                <div class="row">
                                                    @php
                                                        $months_row_rev = $monthRows->reverse()
                                                    @endphp
                                                    @foreach($months_row_rev as $day => $rows)
                                                        @foreach($rows as $show)
                                                            @php
                                                                $image = '/up_data/shows/'.$show->image_thumbnail;

                                                                $link = $blog_link = $detail_link = $association_link = '';

                                                                if($show->details_link != '')
                                                                    $link = $association_link = $show->details_link;

                                                                if(trim(strip_tags($show->details)) != null)
                                                                    $link = $detail_link = 'trade-shows/'.$show->id.'-'.STR::slug($show->name);

                                                                if($show->link != '')
                                                                    $link = $blog_link = $show->link;
                                                            @endphp
                                                            <div class="col-xl-4 col-md-6 mb-5">
                                                                <div class="blog-post">
                                                                    @if($show->image_thumbnail != '')
                                                                       <img class="img-thumbnail img-fluid" src="{{ $image }}" alt="{{ $show->heading_content }}">
                                                                    @else
                                                                        <div style="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 gap-2 d-flex">
                                                                            @if($detail_link != '')
                                                                                {{-- <a href="{{ $detail_link }}" class="btn rounded btn-grad text-white mb-1" style="padding: 13px 22px;">See Details</a> --}}
                                                                                <a href="{{ $detail_link }}" class="btn btn_shows rounded text-white mb-1 mt-2" style="padding: 13px 22px;">See Details</a>
                                                                            @endif
                                                                            @if($association_link != '')
                                                                                {{-- <a href="{{ $association_link }}" target="_blank" class="btn rounded custom-button text-white mb-1" style="padding: 13px 22px;">Visit Now</a> --}}
                                                                                <a href="{{ $association_link }}" target="_blank" class="btn btn-subscribe mb-1 mt-2 rounded text-white" style="padding: 13px 22px;">Visit Now</a>
                                                                            @endif
                                                                            @if($blog_link != '')
                                                                            <a href="{{ $blog_link }}" target="_blank" class="btn rounded btn-grad text-white mb-1" style="padding: 13px 22px;">Learn More</a>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endforeach
                                                </div>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        @endforeach<hr>
                    @endforeach
                </div>
            @endisset
        </div>
    </div>
@endsection
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Find the latest accordion
        const latestAccordion = document.querySelector('.latest-accordion');

        if (latestAccordion) {
            // Check if it's not already open
            if (!latestAccordion.classList.contains('show')) {
                // Expand the latest accordion
                latestAccordion.classList.add('show');
            }
        }
    });
</script>