@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', $mediaRelease->title ?? 'An AI Powered Assessments & hiring platform | HireMee')
@section('metaKey', $mediaRelease->metakey ?? '')
@section('metaKeyDescription', $mediaRelease->meta_desc ?? '')
@php $thumb_image = public_path('assets/hiremee-revamp/images/logo-ver.png'); @endphp
@if(!empty($mediaRelease->thumbnail_image))
  @section('thumbnailImage', $mediaRelease->thumbnail_image)
@else
  @section('thumbnailImage', $thumb_image)
@endif
@section('content')
<style type="text/css">
  .table {
    border: 1px solid #eceeef;
  }
  .table tbody td{
    border: 1px solid #eceeef;
    padding: 12px;
  }
</style>

<div class="container-fluid margin-bottom-20">
  <nav id="breadcrumbs">
    <ul>
      <li><a href="\">Home</a></li>
      <!-- <li><a href="{{ secure_url('media-releases')}}?page={{ \Session::get('current_page')}}">Media Release</a></li> -->
       <li><a href="{{ secure_url('media-releases')}}">Media Release</a></li>
      <li class="media_title">{{$mediaRelease->title ?? ''}}</li>
    </ul>
  </nav>
</div>
<div class="container"><!-- container --> 
  <div class="row"><!-- row --> 

    <div class="col-xl-8 col-lg-8"> <!-- col-xl-8 col-lg-8 -->          
      <div id="next-prev-media-release-render"><!-- next and previous click rendering -->
        {!!$component!!}
      </div><!-- next and previous click rendering -->
           
      <div class="row"><!-- Leava a Comment -->
        <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'=>26,'request_page'=>'Media Release details media-release-template'])
        </div>
      </div><!-- Leava a Comment / End -->          
    </div><!-- col-xl-8 col-lg-8 --> 

    <div class="col-xl-4 col-lg-4"> <!-- col-xl-4 col-lg-4 --> 
      <div class="utf-sidebar-container-aera">           
        <div class="utf-sidebar-widget-item">
          <h3>Search Media</h3>
          <div class="utf-input-with-icon">
            <input type="text" id="media-title-search" placeholder="Search Keywords..." onkeypress="return enterKeyMediaSearch(event)">
            <i id="media-content-search" class="icon-material-outline-search"></i>
          </div>
        </div>
        @include('hiremee-revamp.partials.latest_media_releases')                  
      </div>
    </div><!-- col-xl-4 col-lg-4 --> 

  </div><!-- row -->
</div><!-- container -->

<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