@if(isset($events) && count($events))
    @foreach($events as $event)
        <div class="row event-content">
          <div class="col-md-4">
            <div class="event-image">
              @if(isset($event->featured_image))
                <img src="{{asset('event/'.$event->featured_image )}}" class="img-fluid" alt="{!!$event->featured_image!!}">
              @else
                <img src="{{asset('site-settings/logo16240014531624292244.png')}}" class="img-fluid" alt="Event Image">
              @endif
            </div>
          </div>
          <div class="col-md-8">
            <div class="event-detail">
              <div class="event-title">
                <h3><a href="{{route('event.detail',$event->slug)}}">{!!$event->title!!}</a></h3>
              </div>
              <div class="event-date">
                <p>{!!$event->event_start_date!!}</p>
              </div>
              <p class="description">{!!substr(strip_tags($event->overview_description),0,100)!!}</p>
              <div class="row event-detail-bottom">
                <div class="col-md-8">
                  <ul class="event-meta">
                    @php  $province = \App\Models\Province::find($event->province_id); @endphp
                    <li><span><i class="fas fa-map-marker-alt"></i></span>{{$event->city.','}}  {{$province->name}}, {{$event->postal_code}}</li>
                    <li><span><i class="far fa-clock"></i></span> {{$event->event_start_time}} - {{$event->event_end_time}}</li>
                  </ul>
                </div>
                <div class="col-md-4">
                  <a href="{{route('event.detail',$event->slug)}}" class="btn btn-warning mt-3"><i class="fas fa-eye"></i> Read More</a>
                </div>
              </div>
            </div>
          </div>
        </div>
    @endforeach
  @endif