@extends('frontend.layouts.master')
@section('title') Events @endsection
@section('main-content')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">Events</h2>
                <ol class="breadcrumb darklinks">
                    <li>
                        li><a href="{{route('home')}}">Home</a></li>
                    </li>
                    <li class="active">Events</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls section_padding_top_100 section_padding_bottom_100 columns_padding_25">
    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-sm-push-1">
                @if($events)
                    @foreach($events as $event)
                        <article class="post side-item content-padding with_background rounded">

                            <div class="row">

                                <div class="col-md-5">
                                    <div class="item-media">
                                        @php
                                            $photo=explode(',',$event->photo);
                                        @endphp
                                        <img src="{{ Storage::url($event->photo) }}" alt="">
                                        <div class="media-links">
                                            <a class="abs-link" title="" href="{{route('event.detail',$event->slug)}}"></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-7">
                                    <div class="item-content">
                                        <h4>
                                            <a href="{{route('event.detail',$event->slug)}}">{{$event->title}}</a>
                                        </h4>

                                        <p class=" grey darklinks">
                                            <span class="rightpadding_20"><i class="fa fa-calendar highlight"></i> {{$event->date}}</span>
                                             {{$event->title}}
                                        </p>
                                        <p class=" grey darklinks">
                                            <i class="fa fa-map-marker highlight"></i> {{$event->venue}}
                                        </p>
                                        <p class=" grey darklinks">
                                            <i class="fa fa-clock-o highlight"></i> {{$event->time}}
                                        </p>
                                        <p>{!! substr($event->description, 0, 100) !!}</p>

                                        
                                    </div>
                                </div>

                            </div>
                        </article>
                    @endforeach
                @endif
            </div>
            <!--eof .col-sm-* (main content)-->
        </div>
    </div>
</section>


@endsection