@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Media Releases | HireMee')
@section('metaKey', 'Media releases, HireMee')
@section('metaKeyDescription', 'Media releases page displays the media mentions of HireMee. Read media releases 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 -->
    <!-- Header Container -->
    <div id="titlebar" class="gradient margin-bottom-0">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
            <h2>Media Releases</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>Media Releases</li>
            </ul>
          </nav>
        </div>
      </div>
    </div> 
    @php
      $past_year=date('Y-m-d H:i:s', strtotime('-1 year'));
    @endphp
    <!-- Header Container ends -->
<div class="section">
  <div class="container-fluid">
    <div class="row">
@forelse($allMediaRelease as $mediaRelease)
  @if($mediaRelease->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($mediaRelease->thumbnail_image))
                <img alt="Media Release" src="{{ !empty($mediaRelease->thumbnail_image) ? $mediaRelease->thumbnail_image : secure_asset('assets/hiremee-revamp/images/colleges-in-salem-1.jpg') }}" class="img-fluid">
               @else
                  <img class="" 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"><i class="fa fa-calendar" style="margin-right: 5px;"></i>{{ Carbon\Carbon::parse($mediaRelease->created_at)->format('j F Y') }}</span>
              <h3>{{$mediaRelease->title}}</h3>
              <a href="{{ url(('media-releases').'/'.$mediaRelease->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 w-100">
    <div class="row justify-content-center w-100" >
      <span>No Records Found</span>
    </div>
    </div>
@endforelse
    </div>
      <a href="{{secure_url('past-media-releases')}}" class="button utf-ripple-effect-dark utf-button-sliding-icon margin-bottom-20 btnSmall">Past Media Releases <i class="icon-feather-chevrons-right"></i></a>

                <!--<div class="row">
                    <div class="col-md-12">
                        <div class="utf-pagination-container-aera margin-top-10 margin-bottom-50">
                            <nav class="pagination">
                                 <ul>
                                    <li class="utf-pagination-arrow"><a href="#" class="ripple-effect"><i
                                                class="icon-material-outline-keyboard-arrow-left"></i> </a></li>
                                    <li><a href="#" class="current-page ripple-effect">1</a></li>
                                    <li><a href="#" class="ripple-effect">2</a></li>
                                    <li><a href="#" class="ripple-effect">3</a></li>
                                    <li class="utf-pagination-arrow"><a href="#" class="ripple-effect"><i
                                                class="icon-material-outline-keyboard-arrow-right"></i> </a></li>
                                </ul> 
                            </nav>
                        </div>
                    </div>
                </div> -->
  </div>
</div>    
    {{--@include('hiremee-revamp.partials.new-subscription') --}}
  </div> <!-- Wrapper / End -->  
  @include('hiremee-revamp.partials.review-popup')

@endsection