@extends('Layouts.web_master')
@section('content')

<section class="ftco-section bg-light">
  <div class="container">
    <div class="row justify-content-center mb-5 pb-3">
      <div class="col-md-7 heading-section ftco-animate text-center">
        <h2 class="mb-4">Our Latest Events</h2>
      </div>
    </div>
    <div class="row">
        
      @foreach ($eventData as $item)

      @php
          $date = date("D, d M Y", strtotime($item->event_date));
          $strTime = date("h:iA", strtotime($item->start_time));
          $endTime = date("h:iA", strtotime($item->end_time));   
      @endphp
      
            <div class="col-md-4 d-flex ftco-animate">
              <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20" style="background-image:url('{{ asset($item->image) }}');">
              </a>
              <div class="text p-4 d-block">
                  <div class="meta mb-3">
                  <div><a href="#">{{ $date }}</a></div>
                </div>
                <h3 class="heading mb-4"><a href="#">{{ $item->title }}</a></h3>
                <p class="time-loc"><span class="mr-2"><i class="icon-clock-o"></i> {{ $strTime." - ". $endTime }}</span> <span><i class="icon-map-o"></i> Venue {{ $item->venue }}</span></p>
                <p>{!! $item->details !!}.</p>
                <p><a href="{{ $item->event_link }}">Join Event <i class="ion-ios-arrow-forward"></i></a></p>
              </div>
            </div>
          </div>
   
      @endforeach
      
    </div>
  </div>
</section>

@endsection