@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'An AI Powered Assessments & hiring platform | HireMee')
@section('content')
    <div>
    <!-- Header Container -->
    <div class="clearfix"></div>  
    @include('hiremee-revamp.partials.home-intro-banner')

    <!-- @include('hiremee-revamp.partials.why-hiremee') -->
    @include('hiremee-revamp.partials.hiremee-products')  
   <!-- Best Institution / Colleges -->
    @include('hiremee-revamp.partials.home-best-college-list') 
    <!-- For Students  -->
    @include('hiremee-revamp.partials.our-solutions-home')  
    <!-- Our Top Clients -->
    @include('hiremee-revamp.partials.logo-carousel')
      
    <!-- For Students  -->
    @include('hiremee-revamp.partials.for-students-home')  
    <!-- Corporate Logo Scroll  -->
   
   <!-- Countdown  -->
    @include('hiremee-revamp.partials.coutdown-platform')
    <!-- Companies  -->
    {{--@include('hiremee-revamp.partials.home-companies-list') --}}   
    <!-- Mobile app  -->
    {{--@include('hiremee-revamp.partials.app-download')--}}
    <!-- Best Institution / Colleges -->
 
     <!-- Jobs -->
    @include('hiremee-revamp.partials.latest-freshers-job')
     <!-- Our Top Clients -->
  
<!-- Proctoring Tools For Online Examinations -->
    @include('hiremee-revamp.partials.proctoring-tools-for-online-examinations')
    
    {{-- @include('hiremee-revamp.partials.assessment-announcements') --}} 

    @include('hiremee-revamp.partials.new-popups')
 
    <!-- Recent Blog Posts -->
    <div class="section padding-top-65 padding-bottom-50  why-choose-three">
      <div class="container">
        <div class="row">
          <div class="col-xl-12">
          <div class="section-title text-center margin-bottom-20">
          <h2 class="section-title__title"> Our Blog & Articles</h2>
          <span class="section-title__tagline">Detailed blogs and other important events in the hiring industry</span>
        </div>

            @php $latestBlogs = HireMeeHelper::latestBlog(8); @endphp
            <div class="utf-blog-carousel-block">
              @foreach($latestBlogs as $blog)
              <!-- <a href="{{ url('blogs')}}" class="utf-blog-item-container-part"> -->
              <a href="{{ url('blogs').'/'.$blog->alias }}" class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item"> 
                  @if(!empty($blog->thumbnail_image))
                    <img alt="{{$blog->alias}}" src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{ !empty($blog->thumbnail_image) ? $blog->thumbnail_image : secure_asset('assets/hiremee-revamp/images/default-company-icon.jpg') }}" class="b-lazy img-fluid">
                 @else
                    <img  src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{{ URL::asset('assets/hiremee-revamp/images/home/blog-1.jpg')}}}" alt="{{$blog->alias}}" class="b-lazy">
                 @endif
                  <div class="utf-blog-compact-item-content">
                    <h3>{!! substr(ucfirst(strip_tags($blog->title)),0,50) !!}</h3>
                    <ul class="utf-blog-post-tags">
                      <li>Read More</li>
                      <!-- <li><a href="{{ url('blogs').'/'.$blog->alias }}"></a>Read More</li> -->
                    </ul>
                  </div>
                </div>
              </a> 
              @endforeach             
            </div>
          </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Recent Blog Posts / End -->
    <!-- Testimonials start -->
    @include('hiremee-revamp.partials.new-partials.pro-page-testimonials-view')
    <!-- Testimonials / End -->
<div class="container padding-bottom-65">
<div class="row justify-content-center" style="row-gap:35px;">
  <div class="col-md-12 col-xl-12">
      <a href="https://www.bcorporation.net/en-us/find-a-b-corp/company/karpaga-assessment-app-matrix-services-private-limited/" target="_blank" title="B-Corporation">
        <img style="max-height: 161px; margin-left: 0; margin-top: 12px; clear: left;" src="https://upweb.hiremee.co.in:8980/assets/hiremee-revamp/images/home/b-corp-section-image.jpg" alt="B-Corporation">
      </a>
  </div>
</div>
</div>
    <!-- Our Latest Videos start-->
    <!-- <div class="section padding-top-65 padding-bottom-50  why-choose-three">
      <div class="container">
        <div class="row">
          <div class="col-xl-12">
          <div class="section-title text-center margin-bottom-20">
          <h2 class="section-title__title"> Our Latest Videos</h2>
        </div>
            <div class="utf-blog-carousel-block">
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <div class="youtube-player" data-id="hOP_JsdoaX0"></div>
          

                    </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <div class="youtube-player" data-id="iWWCCGRvVT0"></div>
                  
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <div class="youtube-player" data-id="jU3KUUXrCpc"></div>
                 
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <div class="youtube-player" data-id="s3e66qZpTM0"></div>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <div class="youtube-player" data-id="GfLq3IY81jM"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- Our Latest Videos End -->
      {{--@include('hiremee-revamp.partials.new-subscription') --}}

      <script>
    /* Light YouTube Embeds by @labnol */
/* Web: https://www.labnol.org/ */

function labnolIframe(div) {
  var iframe = document.createElement("iframe");
  iframe.setAttribute(
    "src",
    "https://www.youtube.com/embed/" + div.dataset.id + "?autoplay=1&rel=0"
  );
  iframe.setAttribute("frameborder", "0");
  iframe.setAttribute("allowfullscreen", "1");
  iframe.setAttribute(
    "allow",
    "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  );
  div.parentNode.replaceChild(iframe, div);
}

function initYouTubeVideos() {
  var playerElements = document.getElementsByClassName("youtube-player");
  for (var n = 0; n < playerElements.length; n++) {
    var videoId = playerElements[n].dataset.id;
    var div = document.createElement("div");
    div.setAttribute("data-id", videoId);
    var thumbNode = document.createElement("img");
    thumbNode.src = "https://i.ytimg.com/vi/ID/hqdefault.jpg".replace(
      "ID",
      videoId
    );
    div.appendChild(thumbNode);
    var playButton = document.createElement("div");
    playButton.setAttribute("class", "play");
    div.appendChild(playButton);
    div.onclick = function () {
      labnolIframe(this);
    };
    playerElements[n].appendChild(div);
  }
}

document.addEventListener("DOMContentLoaded", initYouTubeVideos);

  </script>
  
  </div> <!-- Wrapper -->

@endsection