@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'HireMee -'.$event->title)
@section('metaKey', $event->metakey)
@section('metaKeyDescription', $event->meta_desc)
@php $thumb_image = public_path('assets/hiremee-revamp/images/logo-ver.png'); @endphp
@if(!empty($event->thumbnail_image))
  @section('thumbnailImage', $event->thumbnail_image)
@else
  @section('thumbnailImage', $thumb_image)
@endif
@section('content')

   <div id="wrapper">
      <div id="titlebar" class="gradient margin-bottom-0">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
            <h2>{{$event->title}}</h2>
          </div>
        </div>
      </div>
    </div>
     <div class="container-fluid innerBannerBottom margin-bottom-20">
      <div class="margin-bottom-10 margin-top-10">
        <div class="col-lg col-12">
          <nav id="breadcrumbs">
            <ul>
              <li><a href="\">Home</a></li>
              <li><a href="{{ secure_url('events')}}">Events</a></li>
              <li> {{$event->title}}</li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
     <div class="section">
      <div class="d-flex" id="listwrapper">
        <!-- website content -->
        <div class="content">
          <!-- content container -->
          <div class="container-fluid padding-top-10 padding-bottom-20">
            
            <div class="row">
              <div class="col-md-8 col-xl-9">
              {!! $event->content !!}
              </div>            
             @include('hiremee-revamp.pages.events.related-events')                          
            </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;
}
// function twitterSocialShare(url) {   
// var accessToken = "9527e28e6d356bde17df2745795e5ab7d24444a9";

// var params = {
//    "long_url": url,     
//    "group_guid": "Bd2jeFNJyhx", 
//    "custom_bitlinks": ["infy.com"]    
// };

//    $.ajax({
//       url: "https://api-ssl.bitly.com/v4/shorten",
//       cache: false,
//       dataType: "json",
//       method: "POST",
//       contentType: "application/json",
//       beforeSend: function (xhr) {
//             xhr.setRequestHeader("Authorization", "Bearer " + accessToken);
//       },
//       data: JSON.stringify(params)
//       }).done(function(data){
//       url = String(data.link);
//       var width=500, height=500;
//       var left = (window.screen.width / 2) - ((width / 2) + 10);
//       var top = (window.screen.height / 2) - ((height / 2) + 50);
//       // var twitterUrl = 'https://twitter.com/intent/tweet?url='.concat(url)+'&text='+title;
//       var twitterUrl = 'https://twitter.com/intent/tweet?url='.concat(url);
//       var popUp = window.open(twitterUrl,'popupwindow','scrollbars=no,width='+ width +',height='+ height +',top='+ top +', left='+ left +'');
//       //popUp.focus();
//       }).fail(function(data) { console.log(data);});
//    return false;
// }

</script>

<!-- <script type="text/javascript">---------------- another way --------------
  window.onload = function() {
    var curr_url = window.location.href;
    var anchor_social_facebook=document.getElementById("social_facebook");
    anchor_social_facebook.href = 'https://www.facebook.com/sharer/sharer.php?u='+ curr_url;

    var anchor_social_twitter=document.getElementById('social_twitter');
    anchor_social_twitter.href = 'https://twitter.com/home?status='+ curr_url;

    var anchor_social_linkedin=document.getElementById('social_linkedin');
    anchor_social_linkedin.href = 'https://www.linkedin.com/shareArticle?mini=true&amp;url='+ curr_url;
    // anchor_social_linkedin.textContent = "linkedin";
  };
</script> -->
<!-- this has to be replaced with the cms template social media anchor tags div with above id values
<div class="utf-detail-social-sharing margin-top-25">
    <span><strong>Social Sharing:-</strong></span>
    <ul class="margin-top-15">
      <li><a href="javascript:void(0);" onclick="facebookSocialShare();" data-tippy-placement="top" data-tippy="" data-original-title="Facebook"><i class="icon-brand-facebook-f"></i></a></li>
      <li><a href="javascript:void(0);" onclick="twitterSocialShare();" data-tippy-placement="top" data-tippy="" data-original-title="Twitter"><i class="icon-brand-twitter"></i></a></li>
      <li><a href="javascript:void(0);" onclick="linkedinSocialShare();" data-tippy-placement="top" data-tippy="" data-original-title="LinkedIn"><i class="icon-brand-linkedin-in"></i></a></li>
    </ul>
</div>
//another way 
<div class="utf-detail-social-sharing margin-top-25">
    <span><strong>Social Sharing:-</strong></span>
    <ul class="margin-top-15">
      <li><a href="https://www.facebook.com/hiremeeinc/" id="social_facebook" target="_blank" data-tippy-placement="top" data-tippy="" data-original-title="Facebook"><i class="icon-brand-facebook-f"></i></a></li>
      <li><a href="https://twitter.com/Hiremeeinc" id="social_twitter" target="_blank" data-tippy-placement="top" data-tippy="" data-original-title="Twitter"><i class="icon-brand-twitter"></i></a></li>
      <li><a href="https://www.linkedin.com/company/hire-mee" id="social_linkedin" target="_blank" data-tippy-placement="top" data-tippy="" data-original-title="LinkedIn"><i class="icon-brand-linkedin-in"></i></a></li>
    </ul>
</div> -->

@endsection