@extends('frontend.layouts.master')
@section('meta')
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name='copyright' content=''>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="keywords" content="">
	{{-- <meta name="description" content="{{$post->summary}}"> --}}
	{{-- <meta property="og:url" content="{{route('blog-detail',$post->slug)}}"> --}}
	<meta property="og:type" content="article">
	<meta property="og:title" content="{{$event->title}}">
	<meta property="og:image" content="{{$event->photo}}">
	<meta property="og:description" content="{{$event->description}}">
@endsection
@section('title') {{$event->title}} @endsection
@section('main-content')
@include('frontend.layouts.notification')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">{{$event->title}}</h2>
                <ol class="breadcrumb darklinks">
                    <li>
                        <a href="{{route('home')}}">
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="{{route('event')}}">
                            Event
                        </a>
                    </li>
                    <li class="active">{{$event->title}}</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls section_padding_top_100 section_padding_bottom_100 columns_padding_25">
    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-sm-push-1">
                <article class="event-single vertical-item content-padding with_background rounded">
                    <div class="item-media entry-thumbnail">
                        @php
                            $photo=explode(',',$event->photo);
                        @endphp
                        <img src="{{ Storage::url($event->photo) }}" alt="">
                    </div>

                    <div class="item-content">

                        <header class="entry-header">

                            <p class="grey darklinks margin_0">
                                <span class="rightpadding_20"><i class="fa fa-calendar highlight"></i> {{$event->created_at->format('d M , Y. D')}}</span>
                                <i class="fa fa-map-marker highlight"></i> {{$event->title}}
                            </p>

                            <h1 class="entry-title topmargin_10">
                                <a rel="bookmark">{{$event->title}}</a>
                            </h1>

                        </header>
                        <!-- .entry-header -->

                        <div class="entry-content">
                            <p>
                                {!!$event->description!!}
                            </p>
                        </div>

                    </div>
                    <!-- .item-content -->
                </article>
            </div>
            <!--eof .col-sm-10 (main content)-->
        </div>
    </div>
</section>

@endsection