@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Events | HireMee')
@section('metaKey', '')
@section('metaKeyDescription', 'Events page of HireMee displays the upcoming, past, and present events of HireMee. Get to know the event details here.')
@section('content')
<style type="text/css">
  ul.pastEvent-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    display: block;
}
ul.pastEvent-list li a {
    color: #323232;
    padding: 10px 5px;
    display: block;
}
ul.pastEvent-list li:hover a{
color: #a1d244;
    background: #ececec;
}
</style>
  <div id="wrapper"><!-- Wrapper -->
     <div id="titlebar" class="gradient margin-bottom-0">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
            <h2> Events</h2>
          </div>
        </div>
      </div>
    </div>
    <!-- Titlebar End -->
    <div class="container-fluid innerBannerBottom margin-bottom-20">
      <div class="margin-bottom-20">
        <div class="col-lg col-12">
          <nav id="breadcrumbs">
            <ul>
              <li><a href="\">Home</a></li>
              <li>Events</li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
@php
  $past_year=date('Y-m-d H:i:s', strtotime('-1 year'));
@endphp
     <div class="section">
      <div class="container-fluid">
        <div class="row">
        @forelse($allEvents as $event)
          @if($event->created_at > $past_year)
          <div class="col-lg-6 col-xl-4">
            <div class="margin-top-0 margin-bottom-20 h-92">
              <div class="media-relase-box">
                <div class="utf-blog-post-thumbnail margin-bottom-0">
                  <div class="utf-blog-post-thumbnail-inner">
                   @if(!empty($event->thumbnail_image))
                    <img alt="Events" src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{ !empty($event->thumbnail_image) ? $event->thumbnail_image : secure_asset('assets/hiremee-revamp/images/colleges-in-salem-1.jpg') }}" class="b-lazy img-fluid">
                   @else
                      <img class="b-lazy" data-src="{{ secure_asset('assets/hiremee-revamp/images/colleges-in-salem-1.jpg') }}" alt="Company Name">
                   @endif
                  </div>
                </div>
                <div class="utf-blog-post-content padding-left-20 padding-right-20 padding-top-20 padding-bottom-20">
                  <!-- <span class="blog-post-date margin-bottom-10"><span>Bangalore</span> </span> -->
                  <p>{{$event->title}}
                  </p>
                  <a href="{{ url(('events').'/'.$event->alias) }}" class="button utf-ripple-effect-dark utf-button-sliding-icon margin-top-10 btnSmall">View more <i class="icon-feather-chevrons-right"></i></a>
                  
                </div>
              </div>
            </div>
          </div>
          @endif
        @empty
          <div class="card-body p-15">
            <div class="row">
              <span>No Records Found</span>
            </div>
          </div>
        @endforelse
        </div>
        <a href="{{secure_url('past-events')}}" class="button utf-ripple-effect-dark utf-button-sliding-icon margin-bottom-20 btnSmall">Past Events <i class="icon-feather-chevrons-right"></i></a>    
       </div>
     </div>  
   <!-- Subscribe Block Start -->
    {{--@include('hiremee-revamp.partials.new-subscription') --}}
  </div>  <!-- Wrapper / End -->
 
<script type="text/javascript">
  ;(function() {
            var bLazy = new Blazy();
        })();
</script>
<!-- <style type="text/css">
    .b-lazy {
       transform: scale(3);
       transition: all 500ms;
       opacity:0;
    }
    .b-loaded {
       transform: scale(1);
       opacity:1;
    }
</style> -->
@endsection