{% extends 'base.html.twig' %}
{% block metaimage %}{% path post.image, 'listing' %}{% endblock %}
    {% block stylesheets %}
		{{ parent() }}
		<link href="{{ asset('assets/css/audioplayer.css') }}" rel="stylesheet" type="text/css">
		<link rel='stylesheet' type='text/css' href='{{ asset('assets/css/fullcalendar.css') }}' />
		<link rel='stylesheet' type='text/css' href='{{ asset('assets/css/jquery.countdown.css') }}' />
	{% endblock %}
{% block body %}
	<div id="main">
		<!--Inner Banner Start-->
		<div id="inner-banner">
			<div class="container">
				<h1>{{ post.title }}</h1>
				<ul class="breadcrumb">
					<li><a href="{{ path('homepage') }}">Accueil</a></li>
					<li>{{ post.title }}</li>
				</ul>
			</div>
		</div>
		<!--Inner Banner End-->

		<!--Blog Detail Start-->
		<section class="blog-detail padd-btm-50">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-4">
						<!--SIDEBAR START-->
						<aside class="sidebar">
							{{ render(controller("ApplicationSonataNewsBundle:Post:allCollection")) }}
							<!--Archives Start--
							<!--Archives End-->
							<!--Tags Box Start-->
							{{ render(controller("ApplicationSonataNewsBundle:Post:allTags")) }}
							<!--Tags Box End-->

							<!--Popular Posts Start-->

							{{ render(controller("ApplicationSonataNewsBundle:Post:PopularPosts")) }}

							<!--Popular Posts End-->							<!--Categories Start-->
							<!--Categories End-->
							{{ render(controller("EgliseEgliseBundle:Default:prochainsEvenementsBlog")) }}

						</aside>
						<!--SIDEBAR END-->
					</div>
					<div class="col-md-9 col-sm-8">
						<div class="frame">{% media post.image, 'listing' %}</div>
						<h3>{{ post.title }}</h3>
						<div class="detail-row">
							<ul>
								<li><a href="javascript:void(0);"><i class="fa fa-user"></i>{{ 'archive_author'|trans({'%author%': post.author.fullname }, 'SonataNewsBundle') }}</a></li>
								<li><a href="javascript:void(0);"><i class="fa fa-calendar"></i>{{ post.publicationDateStart | format_date }}</a></li>
								<li><a href="javascript:void(0);"><i class="fa fa-comments-o"></i>{{ 'comments_count'|trans({'%comments_count%': post.commentsCount }, 'SonataNewsBundle') }}</a></li>
								<li><a href="javascript:void(0);"><i class="fa fa-list"></i>{{ post.collection.name }}</li>
							</ul>
							<a href="javascript:void(0);" class="like">{{ post.hitcounter }} vues</a> </div>
						{{ post.content|raw }}
						<div class="fb-share-button" data-href="{{ currenturl }}" data-layout="button_count" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse">Partager</a></div>
						<div class="comment-box">
							<h3>A propos de l'auteur</h3>
							<div class="author-row">
								<div class="frame"><a href="javascript:void(0);"><img src="{% path post.author.image, 'small' %}" alt="img"></a></div>
								<div class="text-box"> <strong class="name">{{ post.author.fullname }}</strong>

								</div>
							</div>
							{% render(controller('SonataNewsBundle:Post:comments', {'postId': post.id})) %}
							{% if post.iscommentable %}
								{% render(controller('SonataNewsBundle:Post:addCommentForm', {
								'postId': post.id,
								'form': form
								})) %}
							{% else %}
								<div>
									{{ 'message_comments_are_closed'|trans({}, 'SonataNewsBundle') }}
								</div>
							{% endif %}
						</div>
						</div>
				</div>
			</div>
		</section>
		<!--Blog Detail End-->
	</div>
{% endblock %}
{% block javascripts %}
	{{ parent() }}
	<script src="{{ asset('assets/js/audioplayer.js') }}"></script>
	<script type='text/javascript' src='{{ asset('assets/js/fullcalendar.min.js') }}'></script>
	<script type='text/javascript' src='{{ asset('assets/js/jquery.countdown.js') }}'></script>
	<script type='text/javascript' src='{{ asset('share/jquery.sharrre.min.js') }}'></script>
	<script>
		var curPlaying;

		$(function() {
			$(".playback").click(function(e) {
				e.preventDefault();
				var song = $(this).next('audio')[0];
				if(song.paused){
					song.play();
					if(curPlaying) $("audio", "#"+curPlaying)[0].pause();
				} else { song.pause(); }
				curPlaying = $(this).parent()[0].id;
			});
		});
	</script>
{% endblock %}

{#{% render(controller('SonataNewsBundle:Post:comments', {'postId': post.id})) %}#}

    {#{% if post.iscommentable %}#}
		{#{% render(controller('SonataNewsBundle:Post:addCommentForm', {#}
		{#'postId': post.id,#}
		{#'form': form#}
		{#})) %}#}
	{#{% else %}#}
		{#<div>#}
			{#{{ 'message_comments_are_closed'|trans({}, 'SonataNewsBundle') }}#}
		{#</div>#}
	{#{% endif %}#}