@extends('frontend.frontend_layout')
@section('event-menu') current @endsection
@section('content')
<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset($pageBanner->event_page_banner) }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><span>/</span></li>
                <li>Events</li>
            </ul>
            <h2>Events</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Event Page Start-->
<section class="event-page">
    <div class="container">
        <div class="row">
            <!--Event Two Single Start-->
            @foreach ($events as $event)
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                    <div class="event-two__single">
                        <div class="event-two__img-box">
                            <div class="event-two__img">
                                @if (isset($event->image) && file_exists($event->image))
                                    <img src="{{ asset($event->image) }}" alt="">
                                @else
                                    <img src="{{ asset('common/no-image.jpg') }}" alt="">
                                @endif                               
                            </div>
                            <div class="event-two__date">
                                <span>{{ date('d', strtotime($event->date)) }}</span>
                                <p>{{ date('M', strtotime($event->date)) }}</p>
                            </div>
                            <div class="event-two__content">
                                <ul class="list-unstyled event-two__meta">
                                    <li><a href="{{ url('/event',$event->slug ) }}"><i class="fas fa-clock"></i> {{ date("h:i a", strtotime($event->s_time)) }}</a>
                                    </li>
                                    <li><a href="{{ url('/event',$event->slug ) }}"><i class="fas fa-map-marker"></i> {{ $event->location }}</a>
                                    </li>
                                </ul>
                                <h3 class="event-two__title"><a href="{{ url('/event',$event->slug ) }}">{{ $event->title }}</a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
            <!--Event Two Single End-->           
        </div>
    </div>
</section>
<!--Event Page End-->
@endsection