@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', $blog->title ?? 'An AI Powered Assessments & hiring platform | HireMee')
@section('metaKey', $blog->metakey)
@section('metaKeyDescription', $blog->meta_desc)
@php $thumb_image = public_path('assets/hiremee-revamp/images/logo-ver.png'); @endphp
@if(!empty($blog->thumbnail_image))
  @section('thumbnailImage', $blog->thumbnail_image)
@else
  @section('thumbnailImage', $thumb_image)
@endif
@section('content')
   <div id="wrapper">
    <div class="clearfix"></div>

   <div class="container-fluid innerBannerBottom margin-bottom-20">
   <div class="col-lg col-12">
          <nav id="breadcrumbs">
            <ul>
              <li><a href="\">Home</a></li>
              <li><a href="{{ secure_url('blogs')}}?page={{ \Session::get('current_page')}}">Blogs</a></li>
              <li class="blog_title">{{$blog->title}}</li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-xl-8 col-lg-8">
          
          <!-- next and previous click rendering -->
          <div id ="next-prev-blogs-render">
            {!!$component!!}
          </div>        
           <!-- Leava a Comment -->
          <div class="row">
            <div class="col-xl-12">
              <div class="utf-inner-blog-section-title">
                <h3><i class="icon-line-awesome-comments-o"></i> Leave Your Review</h3>
              </div>
              @include('hiremee-revamp.partials.leave-review',['request_type'=>2,'request_page'=>'Blog details new_blog_template'])
               <!-- @include('hiremee-revamp.partials.leave-review') -->
            </div>
          </div>
          <!-- Leava a Comment / End -->
        </div>
        <div class="col-xl-4 col-lg-4">
          <div class="utf-sidebar-container-aera">
           
            <div class="utf-sidebar-widget-item">
              <h3>Search Blog</h3>
              <div class="utf-input-with-icon">
                <input type="text" id="blog-title-search" placeholder="Search Keywords...">
                <i id="blog-content-search" class="icon-material-outline-search"></i>
              </div>
            </div>

            @include('hiremee-revamp.partials.latest_blogs')

             <!-- Phase Two -->
            <!-- <div class="utf-sidebar-widget-item">
              <h3>Categorie</h3>
              <div class="utf-sidebar-categorie">
                <ul>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> Business</a></li>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> Investment</a></li>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> Marketing</a></li>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> Web Designing</a></li>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> Graphic Designing</a></li>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> Photographic</a></li>
                  <li><a href="#"><i class="icon-feather-chevron-right"></i> PHP Developer</a></li>
                </ul>
              </div>
            </div> -->

            <!-- Phase Two -->
    <!-- <div class="utf-sidebar-widget-item">
      <div class="utf-quote-box">
        <div class="utf-quote-info">
          <h4>Make a Difference with Your Online Resume!</h4>
          <p>Your Resume in Minutes with Jobs Resume Assistant is Ready!</p>
          <a href="#" class="button utf-ripple-effect-dark utf-button-sliding-icon margin-top-10"
            >Create an Account <i class="icon-feather-chevron-right"></i></a>
        </div>
      </div>
    </div> -->

    <!-- Phase Two -->
    <!-- <div class="utf-sidebar-widget-item">
      <h3>Tags Cloud</h3>
      <div class="task-tags">
        <a href="#"><span>Business</span></a>
        <a href="#"><span>Consulting</span></a>
        <a href="#"><span>Camera</span></a>
        <a href="#"><span>Photographic</span></a>
        <a href="#"><span>Investment</span></a>
        <a href="#"><span>Assurance</span></a>
        <a href="#"><span>Secutity</span></a>
      </div>
    </div> -->

            
          </div>
        </div>
      </div>
    </div>

    {{--@include('hiremee-revamp.partials.new-subscription') --}}
  </div> <!-- Wrapper / End -->
      @include('hiremee-revamp.partials.review-popup')
<script type="text/javascript">
//Twitter Share
function twitterSocialShare() {   
  var host = window.location.href;
  var fbUrl = 'https://twitter.com/intent/tweet?url='+host;
  var width = 500,
    height = 500;
  var left = (window.screen.width / 2) - ((width / 2) + 10);
  var top = (window.screen.height / 2) - ((height / 2) + 50);
  popUp = window.open(fbUrl, 'popupwindow', 'scrollbars=no,width=' + width + ',height=' + height + ',top=' + top + ', left=' + left + '');
  popUp.focus();
  return false;
}

// Facebook Share 
function facebookSocialShare() {
   var host = window.location.href;
   var fbUrl = 'http://www.facebook.com/sharer/sharer.php?s=100&u=' + host;
   var width = 500,
      height = 500;
   var left = (window.screen.width / 2) - ((width / 2) + 10);
   var top = (window.screen.height / 2) - ((height / 2) + 50);
   popUp = window.open(fbUrl, 'popupwindow', 'scrollbars=no,width=' + width + ',height=' + height + ',top=' + top + ', left=' + left + '');
   popUp.focus();
   return false;
}

// Linkedin Share 
function linkedinSocialShare() {
   var host = window.location.href;
   var title = document.title;
   var liUrl = 'http://www.linkedin.com/shareArticle?mini=true&url=' + host;
   var width = 500,
      height = 500;
   var left = (window.screen.width / 2) - ((width / 2) + 10);
   var top = (window.screen.height / 2) - ((height / 2) + 50);
   popUp = window.open(encodeURI(liUrl), 'popupwindow', 'scrollbars=no,width=' + width + ',height=' + height + ',top=' + top + ', left=' + left + '');
   popUp.focus();
   return false;
}
</script>

@endsection