@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('canonical_tag', $meta_data->canonical_tag)
@section('banner_image', "banners/".$banner->banner_image)
@section('content')
<main>
    <article class="container-fluid innerBanner newsbanner p-0">
        <figure>
            <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image}}" alt="{{$meta_data->page_name}}" class="img-fluid desktop_image">
            <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image_mobile}}" alt="{{$meta_data->page_name}}" class="img-fluid mobile_image">
            <figcaption class="custom__row slider-heading">
                {!!nl2br($banner->banner_caption)!!}
                <p class="paragraph mt-4">{!!nl2br($banner->banner_description)!!}</p>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{$meta_data->page_name}}</li>
                    </ol>
                </nav>
            </figcaption>
        </figure>
    </article>
    @if(isset($blog_categories))
    <article class="container-fluid linkNav blog">
        <nav class="row custom__row text-center">
            <ul class="m-auto">
                @php
                $i = 1;
                @endphp
                @foreach($blog_categories as $blog_category_row)
                <li data-section="business-overview"><a href="{{url('/')}}/blog/{{$blog_category_row->blog_category_url_slug}}">0{{$i}} {{$blog_category_row->blog_category_name}}</a></li>
                @php
                $i++;
                @endphp
                @endforeach
                <li data-section="business-overview"><a href="{{url('/')}}/news">0{{$i}} News & Updates</a></li>
                <li data-section="business-overview"><a href="{{url('/')}}/events">0{{$i + 1}} Events</a></li>
            </ul>
        </nav>
    </article>
    @endif
    <article class="container-fluid blogs">
        <div class="custom__row row">
            <div class="col-12 col-md-8 col-lg-9">
                <div class="row blogs__listing">
                    @foreach($events as $event_row)
                    <div class="col-12 col md-6 col-lg-6 col-xl-4 blogs__listing__block">
                        <a class="list__image" href="{{url('/')}}/events/{{$event_row->event_url_slug}}">
                            <img src="{{url('/')}}/assets/images/events/{{$event_row->event_thumbnail}}" alt="{{$event_row->event_title}}" class="img-fluid">
                        </a>
                        <div class="blogs__listing__block__details">
                            <p class="paragraph">Event Date: {{date('d F Y', strtotime($event_row->event_date))}}</p>
                            <h2>{{$event_row->event_title}}</h2>
                            <p class="short__desc">{{Str::limit($event_row->event_preview, 230)}}</p>
                            <div class="cta">
                                <div class="read__more">
                                    <a href="{{url('/')}}/events/{{$event_row->event_url_slug}}">Read More</a>
                                </div>
                                <div class="blog__share">
                                    <span id="btn-share" class="btn btn-simple popover-html">SHARE
                                
                                        <span id="popoverHiddenContent" class="hidden">
                                            <a href="https://www.facebook.com/sharer/sharer.php?u={{url('/')}}/events/{{$event_row->event_url_slug}}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                                            <a href="https://twitter.com/intent/tweet/?text={{Str::limit($event_row->event_preview, 230)}}&url={{url('/')}}/events/{{$event_row->event_url_slug}}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                                            <a href="https://www.linkedin.com/shareArticle?mini=true&url={{url('/')}}/events/{{$event_row->event_url_slug}}" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                                        </span>
                                
                                        </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @if(count($event_sidebar_recents) > 0)
            <div class="col-12 col-md-4 col-lg-3 blogs__recent">
                <div class="row">
                    <div class="col-12">
                        <h2>Past Events</h2>
                    </div>
                    @foreach($event_sidebar_recents as $event_row)
                    <a href="{{url('/')}}/events/{{$event_row->event_url_slug}}" class="col-12">
                        <img src="{{url('/')}}/assets/images/events/{{$event_row->event_thumbnail}}" alt="{{$event_row->event_title}}" class="img-fluid">
                        <h3>{{$event_row->event_title}}</h3>
                        <p class="paragraph">{{Str::limit($event_row->event_preview, 100)}}</p>
                    </a>
                    @endforeach
                </div>
            </div>
            @endif
        </div>
    </article>
</main>
@endsection