@extends('layouts.frontend_layout.frontend_design')
@section('content')

<div class="kode-blog-style-2">
    <div class="container">
      <!--FIRST ROW START-->
        <div class="row">
            <!--COL-MD-4 START-->
            @foreach ($events as $event )
            <div class="col-md-3">
                <!--KODE_EVENT_BLOG2 START-->

                <div class="kode-event-blog3">
                    <a href="{{ url('/event_details/'.$event->id) }}">
                    <figure>
                        <img src="{{ asset('/images/backend_images/event/large/' . $event->image) }}" style="height: 200px;width: 100%;object-fit:contain;" alt=""/>

                    </figure>
                    <div class="kode-thumb-caption" style="text-align: center;float:center;">
                        <h4>{{ $event->title }}</h4>
                        {{-- <ul>
                            <li><a href="javascript:;"><i class="fa fa-calendar"></i>{{ Carbon\Carbon::parse($event->date)->format('d-M-Y') }}</a></li>
                            {{-- <li><a href="#"><i class="fa fa-location-arrow"></i>New line tower, Sydney</a></li>
                        </ul> --}}
                        {{-- <span><a href="{{ url('/event_details/'.$event->id) }}">Read More</a></span> --}}
                    </div>
                    </a>
                </div>
                <!--KODE_EVENT_BLOG2 START-->
            </div>
           @endforeach
        </div>

        <!--PAGINATION ROW START-->
        <div class="row">
            <div class="col-md-12">
                <!---PAGINATIOn START-->
                {{ $events->links() }}
                <!--PAGINATION END-->
            </div>
        </div>
        <!--PAGINATION ROW END-->
    </div>
</div>

@endsection