@extends('frontend.layouts.master')
@section('content')
<div class="section mt-0">
    <div class="breadcrumbs-wrap">
        <div class="container">
            <div class="breadcrumbs">
                <a href="{{ url('/') }}">Home</a>
                <span>{{ $page_name }}</span>
            </div>
            <h2>Check Our Events</h2>
        </div>
    </div>
</div>


<div class="section page-content-first">
    <div class="container">

    </div>
    <div class="container">
        <div class="blog-isotope">
            @foreach ($events as $event)
            <div class="blog-post">
                <div class="post-image">
                    
                        <a href="{{ 'event-details/' . $event->id }}"><img src="{{ $event->image }}" alt=""></a>
                </div>
                <div class="blog-post-info">
                    <div class="post-date">{{ \Carbon\Carbon::parse($event->date)->format('d') }}<span>{{ \Carbon\Carbon::parse($event->date)->format('M') }}</span></div>
                    <div>
                        <h2 class="post-title"><a href="{{ 'event-details/' . $event->id }}" style="text-decoration: none;">{{ $event->name }}</a></h2>
                        <div class="post-meta">
                            <div class="post-meta-author">by <a href="#" style="text-decoration: none;"><i>admin</i></a></div>
                            <div class="post-meta-social">
                                <a href="#"><i class="icon-facebook-logo"></i></a>
                                <a href="#"><i class="icon-twitter-logo"></i></a>
                                <a href="#"><i class="icon-google-logo"></i></a>
                                <a href="#"><i class="icon-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="post-teaser">{{ $event->short_description }} […]</div>
                <div class="mt-2"><a href="{{ 'event-details/' . $event->id }}" class="btn btn-sm btn-hover-fill"><i class="icon-right-arrow"></i><span>Read more</span><i class="icon-right-arrow"></i></a></div>
            </div>
            @endforeach
        </div>
        <div class="clearfix"></div>
        <div class="pagination-wrapper">
            {{ $events->links('pagination::bootstrap-4') }}
        </div>
    </div>
</div>

@endsection