@extends('layouts.frontend.master')

@section('meta')
	<!-- You can use open graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
	<meta property="og:url"           content="{{ Request::url() }}" />
	<meta property="og:type"          content="website" />
	<meta property="og:title"         content="{{ $page->title }}" />
	<meta property="og:description"   content="{{ str_limit(strip_tags($page->description), 125) }}" />
	<meta property="og:image"         content="{{ !empty($featured_image) ? $featured_image :asset('assets/frontend/img/baciiuyfc/logo-Untitled-1.png') }}" />
@endsection

@section('content')

	<!-- Load Facebook SDK for JavaScript -->
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

	<!-- About -->
	<div class="container g-pt-100 g-pb-70">
	    <div class="row">
	        <div class="col-lg-9 g-mb-30">

	            <!-- Video - Heading -->
	            <div class="row align-items-center g-mb-40--lg g-mt-50">
	                <div class="col-sm-10 offset-md-1 g-mb-30 g-mb-0--lg">
	                    <h2 class="mb-0">{{ $page->title }}</h2>
	                </div>
	            </div>
	            <!-- End Video - Heading -->

	            <!-- Video Section -->
	            <div class="row">
	            	<div class="col-md-8 offset-md-2 g-mb-30 g-mt-20--lg">
	                	<!-- Your like button code -->
					  	<div class="fb-like" data-href="{{ Request::url() }}" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
	                </div>
	            	<div class="col-md-8 offset-md-2">

	            		{!! $page->description !!}

	            	</div>
	            </div>
	            <!-- End Video Section -->
	        </div>

	        <!-- Sidebar -->
	        <div class="col-lg-3 g-mb-30"></div>
	        <!-- End Sidebar -->

	    </div>
	</div>
	<!-- End About -->
@endsection