{% extends 'front/blog/blog-layout.html.twig' %}

{% set locale = app.request.locale %}

{% block description %}{{ postLanguage.description }}{% endblock %}
{% block keywords %}{{ postLanguage.keywords }}{% endblock %}
{% block title %}{{ postLanguage.title }} - Plaza de la Luz Blog{% endblock %}
{% block opengraph %}

	<meta property="og:url"         content="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))) }}" />
	<meta property="og:type"        content="article" />
	<meta property="og:title"       content="{{ postLanguage.title }}" />
	<meta property="og:description" content="{{ postLanguage.description }}" />

	{% if postLanguage.post.coverName and postLanguage.post.coverPath != null %}
		<meta property="og:image"       content="{{ absolute_url(asset('assets/files/blog/' ~ postLanguage.post.coverPath ~ '/cover/' ~ postLanguage.post.coverName)) }}" />
	{% else %}
		<meta property="og:image"   	content="{{ absolute_url(asset('assets/img/logo.png')) }}" />
	{% endif %}

{% endblock %}

{% block blogContent %}

	<article style="margin-bottom:0;">
		<h2>{{ postLanguage.title }}</h2>
		{% if postLanguage.post.coverName and postLanguage.post.coverPath != null %}
		<div class="img-wrapper">
			<a href="{{ path('front_blog_home', {'postSlug': postLanguage.slug}) }}"><img class="img-responsive" src="{{ asset('assets/files/blog/' ~ postLanguage.post.coverPath ~ '/cover/' ~ postLanguage.post.coverName) }}"></a>
		</div>
		{% endif %}
		<div class="row">
			<div class="col-xs-6 article-info">
				<ul>
					<li><i class="fa fa-calendar" aria-hidden="true"></i><span>{{ postLanguage.post.dateStamp|date('d/m/Y') }}</span></li>
				</ul>
			</div>
			<div class="col-xs-6 social-bar">
				<ul class="pull-right-sm top">
					<li><div class="fb-share-button" data-href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))) }}" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Flocalhost%2Fplaza-de-la-luz%2Fweb%2Fapp_dev.php%2Fes%2Fblog%2Farticulo%2Fel-otono-ha-llegado-a-cadiz&amp;src=sdkpreparse">Share</a></div></li>
				</ul>
			</div>
		</div>
		<div class="body" style="border-bottom: 1px solid #ccc;">
			{{ postLanguage.body|raw }}
		</div>
		<div class="row">
			<div class="col-xs-10 col-sm-8 col-md-10 social-bar">
				<ul class="bottom">
					<li><div class="fb-share-button" data-href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))) }}" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Flocalhost%2Fplaza-de-la-luz%2Fweb%2Fapp_dev.php%2Fes%2Fblog%2Farticulo%2Fel-otono-ha-llegado-a-cadiz&amp;src=sdkpreparse">Share</a></div></li>
				</ul>
			</div>
			<div class="col-xs-12 col-sm-4 col-md-2">
				<a class="btn btn-booking-modify pull-right" style="border-width:1px;" href="{{ path('front_blog_list') }}">
					<i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i>
					{{ "blog.back" | trans({}, 'plaza') }}
				</a>
			</div>
		</div>
	</article>

{% endblock %}

{% block facebookSdk %}

	<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 = "//connect.facebook.net/" + '{{ postLanguage.language.culture }}' + "/sdk.js#xfbml=1&version=v2.8&appId=1833562463525118";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>

{% endblock %}

{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
$(document).ready(function() {

	

});

</script>

{% endblock %}