@extends('layouts.frontend')
@section('title',$data['action'])
@section('content')
      <!-- Inner Page Banner Area Start Here -->
      <div class="inner-page-banner-area" style="background-image: url('frontend/img/banner/5.jpg');">
        <div class="container">
            <div class="pagination-area">
                <h1>{{ $data['action'] }}</h1>
                
            </div>
        </div>
    </div>
     <div class="news-page-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="row">
                        @foreach ($data['events'] as $event )
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <div class="news-box">
                                <div class="news-img-holder">
                                    <img src="{{ asset('images/event/' . $event->image) }}" class="img-responsive" alt="research">    
                                </div>
                                <h3 class="title-news-left-bold"><a href="{{ route('frontend.eventDetails',$event->slug) }}">{{ $event->title }}</a></h3>
                                <ul class="title-bar-high news-comments">
                                    <li><a href="#"><i class="fa fa-calendar" aria-hidden="true"></i>{{ $event->date }}</li>
                                    <li><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>{{ $event->location }}</a></li>
                                </ul>
                               
                            </div>
                        </div>
                        @endforeach
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: center">
                            {{ $data['events']->links() }}
                            {{-- <ul class="pagination-center">
                                <li class="active"><a href="event.php">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                            </ul> --}}
                        </div>
                    </div>
                </div>
                 
            </div>
        </div>
    </div>
  
@endsection