@php
   $events = DB::table('events')->where('ed', '>=', date('Y-m-d'))->orderBy('ed', 'asc')->get();
   $count = 1;
@endphp
@if($events->count() > 0)
<!-- Our Events -->
<section class="our-events">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12">
            <div class="headings">
               <h3>Our Events</h3>
               <h2>Upcoming <span>Events</span></h2>
            </div>
         </div>
         <div class="col-xl-7 col-lg-7 col-md-6">
            <div class="event-big-box">
               @foreach($events as $r)
               <a href="{{$r->link}}" target="_blank">
               <div class="event-box{{ $count++ }} event-box">
                   
                       <div class="box-1">
                     <h5>{{ date('d M', strtotime($r->date)) }}</h5>
                  </div>
                  <div class="box-2">
                     <h4>{{ $r->name }}</h4>
                     <ul>
                        <li><i class="fa fa-clock-o"></i> {{ $r->duration }}</li>
                        <li><i class="fa fa-map-marker"></i> {{ $r->location }}</li>
                     </ul>
                  </div>
                 
                  
               </div>
                 </a>
               @endforeach
            </div>
         </div>
         <div class="col-lg-5 pd-r col-md-6">
            <div class="event-img">
               <div class="event-cont">
                  <button type="button" data-toggle="modal" data-target="#event-video">
                  {{-- <img src="https://www.datatrained.com/images/play.png"> --}}
                  </button>
                  <!--<h4>Working Together</h4>-->
                  <!--<p>Working together, a professor two students do world-class research in the lab, in the field, and even over breakfast</p>-->
               </div>
            </div>
            {{-- <div class="modal fade" id="event-video" tabindex="-1" aria-labelledby="event-videoLabel" aria-hidden="true">
               <div class="modal-dialog modal-dialog-centered">
                  <div class="modal-content">
                     <div class="modal-body">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                        <iframe src="https://www.youtube.com/embed/iNiqVmpzHvE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                     </div>
                  </div>
               </div>
            </div> --}}
         </div>
      </div>
   </div>
</section>
<!-- Our Events End -->
@endif