@extends('layouts.buddy-screens')
    @section('content')

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboard /</span> Past Events / Webinar / Seminars / Others</h4>

            

              <!-- Horizontal -->
             <h3 class="green">Past Events</h3>
               
              <div class="row mb-5">
                  
                <div class="col-md">
                  @foreach($data as $key => $data_event)
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="{{url('public/uploads/event/products/'.$data_event->image)}}" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">{{$data_event->event_programme}}  : {{$data_event->topic}}</h5>
              <p><i class="fa fa-user green"></i> Guest Speaker : {{$data_event->speaker}}</p>
                           <span class="badge bg-label-primary">Event Type : {{$data_event->type}}</span>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Event Date : {{$data_event->event_date}}</small></p>
              <a href="{{url('past_event-details/'.$data_event->id)}}" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                         @endforeach
                </div>
        
              </div>
              
              <!--/ Horizontal -->
        
        
              <!--/ Horizontal -->
        
      
              <!--/ Horizontal -->
              {{ $data->links("pagination::bootstrap-4") }}
            
              <!--/ Card layout -->
            </div>
            <!-- / Content -->
@endsection