@extends('layouts.website_layout')
@section('meta_title', $event->meta_title)
@section('meta_description', $event->meta_description)
@section('canonical_tag', "events/".$event->event_url_slug)
@section('banner_image', "banners/".$event->event_thumbnail)
@section('content')
<main>
    <article class="container-fluid blogHeader">
        <nav class="custom__row row" aria-label="breadcrumb">
            <div class="col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{url('/')}}/events">Events</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{$event->event_title}}</li>
                </ol>
            </div>
        </nav>
    </article>
    <article class="container-fluid blogDetails">
        <div class="custom__row row">
            <div class="col-12 title">
                <h1>{{$event->event_title}}</h1>
            </div>
            <div class="col-12 date">
                <p>{{date('d F Y', strtotime($event->event_date))}}</p>
            </div>
            <div class="col-12 info">
                <div class="share">
                    <span id="btn-share" class="btn btn-simple popover-html">  <img src="{{url('/')}}/assets/images/product-details/share.png" alt="Share" class="img-fluid" title="Share">
            
                    <span id="popoverHiddenContent" class="hidden">
                        <a href="https://www.facebook.com/sharer/sharer.php?u={{url('/')}}/events/{{$event->event_url_slug}}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                        <a href="https://twitter.com/intent/tweet/?text={{$event->event_preview}}&url={{url('/')}}/events/{{$event->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->event_url_slug}}" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                    </span>
                    </span>
                    
                </div>
            </div>
            <div class="col-12 content">
                <div class="row">
                    <div class="col-12 col-md-6">
                        <p class="paragraph">{!!$event->event_description!!}</p>
                    </div>
                </div>
            </div>
        </div>
    </article>
</main>
@endsection