@extends('layout.app')
@section('title') Show Detail
@endsection
@section('content')
<style>
    .evntDetail .allevnt, .evntDetail h3 , .evntDetail span, .evntDetail p {
        color: var(--white);
    }

    .evntDetail h3 {
        margin: 1rem 0;
    }

    .evntDetail figure {
        margin: 2rem 0;
    }

    .evntDetail .themeBtn {
        margin-bottom: 2rem;
    }
</style>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="evntDetail">
                        <a href="#" class="allevnt">« All Events</a>
                        <h3>{{$find_event->title ? : ''}}</h3>
                        <span>{{ date('F d \@ ', strtotime($find_event->start_date)) }}
                            {{ date('g:i A', strtotime($find_event->start_time)) }}
                                                        - {{ date('g:i A', strtotime($find_event->end_time)) }}</span>
                        <figure>
                            <img src="{{ $find_event->image ? asset('upload/cms_images/' . $find_event->image) : asset('admin/dist/img/placeholder.png') }}" class="img-fluid" alt="">
                        </figure>
                        <div class="text-center">
                            <a href="#" class="themeBtn">BUY TIckets</a>
                        </div>
                        <p>
                            {!! $find_event->description ? : '' !!}
                        </p>

                    </div>
                </div>
            </div>
        </div>
    </section>




@endsection