@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
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
    <link rel="amphtml" href="{{ $url }}?amp=1" />
@endpush
@if(isset($no_index))
    @push('head-area')
        <META NAME="ROBOTS" CONTENT="{{ $no_index }}">
    @endpush
@endif
@section('content')
    <section class="blog-page-section with-sidebar">
        <div class="container">
            <div class="row">
                <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="far fa-calendar-alt"></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>
                            @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
                            <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
                                {!! $data['show']->details !!}
                            </article>

                            <div class="blog-btn pb-1 pt-1">
                                @if($association_link != '')
                                    <a href="{{ $association_link }}" target="_blank" class="btn btn-rounded btn-outlined--primary mb-1">Visit Now</a>
                                @endif
                                @if($blog_link != '')
                                    <a href="{{ $blog_link }}" target="_blank" class="btn btn-rounded btn-outlined--primary mb-1">Learn More</a>
                                @endif
                                <a href="javascript:;" onclick="book_appointment();" class="btn btn-rounded btn-outlined--primary mb-1">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">
                            {!! \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" 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