@extends('frontend.layouts.app')
@section('title', $data['show']->name . ' - ' . app_name())
@php
    $url = URL::current();
    if($data['show']->status == 'N')
        $no_index = 'NOINDEX';

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

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

    if($data['show']->link != '')
        $link = $blog_link = $data['show']->link;
@endphp

@section('title', $data['show']->meta_title)
@section('meta_title', $data['show']->meta_title)
@section('meta_keywords', $data['show']->meta_keywords)
@section('meta_description', $data['show']->meta_description)
@section('meta_url', URL::Current())
@section('page_title', 'title', $data['show']->name . ' - ' . app_name())
@section('product_description',$data['show']->meta_description)
@php
    if($data['show']->image != '' || $data['show']->image != null)
        $image = '/up_data/shows/'.$data['show']->image;
    else
        $image = 'https://www.germedusa.com/design/assets/images/og_imag_logo.png';

    use Illuminate\Support\Str;
@endphp
@section('image',$image)
@section('image:width', "1200")
@section('image:height', "630")


@push('head-area')
    <style>
        h2{
            line-height: 30px;
        }
    </style>
    <link rel="canonical" href="{{ $url }}" />
    <link rel="amphtml" href="{{ $url }}?amp=1" />

    <script type="application/ld+json">
        {
            "@context":"https://schema.org",
            "@type":"WebPage",
            "name":"{{ $data['show']->name  }}",
            "url":"https://www.germedusa.com/trade-shows/{{ $data['show']->id.'-'.STR::slug($data['show']->name) }}",
            "description":"{{ $data['show']->meta_description  }}",
            "image":"https://www.germedusa.com/up_data/shows/{{ $data['show']->image }}",
            "mainEntity":{
                "@context":"https://schema.org",
                "@type":"Event",
                "name":"{{ $data['show']->name  }}",
                "description":"{{ $data['show']->meta_description  }}",
                "image":"https://www.germedusa.com/up_data/shows/{{ $data['show']->image }}",
                "startDate":"{{ $data['show']->start_date  }}",
                "endDate":"{{ $data['show']->end_date  }}",
                "eventStatus":"https://schema.org/EventScheduled",
                "eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode",
                "location":{
                    "@type":"Place",
                    "name": "Booth No. {{ $data['show']->booth  }}, {{ $data['show']->location  }}",
                    "address": {
                        "@type": "PostalAddress",
                        "streetAddress": "333 S Franklin St, Tampa, FL 33602",
                        "addressLocality": "333 S Franklin St, Tampa",
                        "postalCode": "33602",
                        "addressRegion": "FL",
                        "addressCountry": "US"
                    }
                },
                "performer": {
                    "@type": "PerformingGroup",
                    "name": "GerMedUSA"
                },
                "organizer":{
                    "@type":"Organization",
                    "name":"GerMedUSA",
                    "url":"https://www.germedusa.com/"
                }  
            }
        }
                        
    </script>
@endpush
@if(isset($no_index))
    @push('head-area')
        <META NAME="ROBOTS" CONTENT="{{ $no_index }}">
    @endpush
@endif
@section('content')
    <section class="blog-page-sections">
        <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="h1-tag category_detail_heading lh-1 text-center title" style="font-weight: bold;">
                    {{ $data['show']->name }}
                </h1>
                </div>
            </div>
        </div>
        @include('includes.partials.bread-crumbs')

        <div class="trade-shows position-relative"  style="bottom: 100px;">
            <div class="row" style="margin:10%;">
                <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>
                                <div class="post-meta">
                                    <span class="post-date">
                                        <i class="fa fa-calendar"></i>
                                        <span class="text-gray">From </span>
                                        {{ date('M d, Y', strtotime($data['show']->start_date)) }}
                                        <span class="text-gray"> To </span>
                                        {{ date('M d, Y', strtotime($data['show']->end_date)) }}
                                        @if($data['show']->booth != '')
                                            <span class="post-separator">|</span>
                                            <span class="text-gray"> Booth # </span>
                                            {{ $data['show']->booth }}
                                        @endif
                                    </span>
                                </div>
                            </header>

                            <article>
                                @if($data['show']->image == '')
                                    <img class="img-thumbnail ml-1" alt="{{ $data['show']->name }}" align="right" src="/up_data/shows/{{ $data['show']->image_thumbnail }}" />
                                @endif
                                @if($data['show']->image != '')
                                    {{-- <div class="mb-4"> --}}
                                        <img src="/up_data/shows/{{ $data['show']->image }}" class="img-fluid" alt="{{ $data['show']->name }}">
                                    {{-- </div> --}}
                                @endif
                                {!! $data['show']->details !!}
                            </article>

                            <div class="blog-btn pb-1 pt-1 d-flex gap-2 align-items-md-center">
                                @if($association_link != '')
                                    <a href="{{ $association_link }}" target="_blank" class="my-1 quicky-btn-2 contact-form_btn transition-none" style="border-radius: 5px;">Visit Now</a>
                                @endif
                                @if($blog_link != '')
                                    <a href="{{ $blog_link }}" target="_blank" class="my-1 quicky-btn-2 contact-form_btn transition-none" style="border-radius: 5px;">Learn More</a>
                                @endif
                                <a href="javascript:;" onclick="book_appointment();" class="my-1 quicky-btn-2 contact-form_btn transition-none" style="border-radius: 5px;">Book Appointment</a>
                                <div class="d-none" id="event_info">{{ $data['show']->name }} from {{ date('M d, Y', strtotime($data['show']->start_date)) }} to {{ date('M d, Y', strtotime($data['show']->end_date)) }} @if($data['show']->booth != '') at Booth #  {{ $data['show']->booth }} @endif</div>
                            </div>
                        </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 }}"><img src="/up_data/blog/{{ $rp->image_thumbnail }}" title="{{ $rp->name }}" alt="{{ $rp->name }}" class="img-fluid img-thumbnail" /></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" style="height: auto;">
                            {!! \App\Models\Banner::showBanner(7, 'promo-image overflow-image') !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <div class="modal fade" id="appointment-modal" tabindex="-1" role="dialog" aria-labelledby="title-appointment-modal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div style="position: absolute;right: -15px;top: -14px!important;background-color: #FFFFFF;padding: 2px 6px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div style="background-image: url('vsi/image/popup/appointment.jpg'); width: 800px; height: 500px;">
                <div class="text-center d-none" style="width: 392px;padding-top: 140px;padding-left: 30px;" id="msg_popup_appointment" role="alert">
                    <h3>Thank You!</h3>
                    <div class="p-3">Thank you for your interest, we will look into your request and will get back to you very soon.</div>
                    <div>
                        <button type="button" data-dismiss="modal" class="btn btn-secondary">Close</button>
                    </div>
                </div>
                <div id="div_popup_appointment_modal" style="width: 405px;padding-top: 35px;padding-left: 30px">

                    {!! Form::open(array('method' => 'POST', 'name' => 'frm_appointment', 'id' => 'frm_appointment')) !!}

                    <div class="col-md-12 col-12 mb--5">
                        <label>{!! Form::radio('appointment_type', 'On Site', true) !!} On Site </label> &nbsp;
                        <label>{!! Form::radio('appointment_type', 'Zoom / Virtual') !!} Zoom / Virtual</label>
                    </div>

                    <div class="col-md-12 col-12 mb--10">
                        {!! Form::text('name', null,['id' => 'appointment-name', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Your name ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--10">
                        {!! Form::text('email', null, ['id' => 'appointment-email', 'type' => 'email', 'required' => 'required', 'class' => 'form-control', 'placeholder' => 'Your email address ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--10">
                        {!! Form::text('phone', null,['id' => 'appointment-phone', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Your phone number ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--10">
                        {!! Form::select('speciality',
                        ['Dental' => 'Dental', 'Orthopedic' => 'Orthopedic', 'Soft Tissue' => 'Soft Tissue', 'Spay Neuter' => 'Spay Neuter']
                        ,null
                        ,['id' => 'appointment-speciality', 'class'=>'form-control', 'required' => 'required', 'placeholder' => 'Your speciality ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--10">
                        {!! Form::select('role',
                        ['Veterinarian' => 'Veterinarian', 'Dentist' => 'Dentist', 'Technician' => 'Technician', 'Office Manager' => 'Office Manager', 'Clinic Owner' => 'Clinic Owner', 'Associated with Hospital' => 'Associated with Hospital', 'Other' => 'Other']
                        ,null
                        ,['id' => 'appointment-role', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Your role ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--10">
                        {!! Form::text('company', null,['id' => 'appointment-company', 'class'=>'form-control', 'placeholder'=>'Your institute / company ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        <label>{!! Form::checkbox('product_updates', 'Y', true) !!} Subscribe me for new products and updates.</label>
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        <label>{!! Form::checkbox('newsletter', 'Y', true) !!} Send me promotions and discount offers.</label>
                    </div>

                    <div class="form-group">
                        <div class="text-center"><input style="font-weight: 500;text-transform: uppercase;width: 260px!important;"  type="button" onclick="submit_appointment(this.form);" class="btn btn-primary btn-appointment bg-dark py-1 mt-4" value="Book Appointment"></div>
                    </div><!-- End .from-group -->
                    <div class="clearfix"></div>
                    <input type="hidden" name="subs_type" id="subs_type" value="appointment">
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>

@endsection