{% extends 'base.html.twig' %}
    {% 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>Blog</h1>
            <ul class="breadcrumb">
				<li><a href="{{ path('homepage') }}">Accueil</a></li>
                <li>Blog</li>
            </ul>
        </div>
    </div>
    <!--Inner Banner End-->
    <!--Blog Detail Start-->
    <section class="blog-detail">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-4">
                    <!--SIDEBAR START-->
                    <aside class="sidebar">
                        <!--Text Widget Start-->
                        <div class="sidebar-bix-1">
                            <h3>Verset du mois</h3>
							<p>Je te loue de ce que je suis une créature si merveilleuse.Tes œuvres sont admirables,Et mon âme le reconnaît bien. <i>(Psaumes 139:14)</i></p>
						</div>
                        <!--Text Widget End-->

                        <!--Popular Posts Start-->

						<!--Popular Posts End-->
                        <!--Archives Start-->
                        <!--Archives End-->
						<!--Tags Box Start-->
						{{ render(controller("ApplicationSonataNewsBundle:Post:allTags")) }}
						<!--Tags Box End-->
						<!--Categories Start-->
						{{ render(controller("ApplicationSonataNewsBundle:Post:allCollection")) }}
                        <!--Categories End-->
						{{ render(controller("EgliseEgliseBundle:Default:prochainsEvenementsBlog")) }}

                    </aside>
                    <!--SIDEBAR END-->
                </div>
                <div class="col-md-9 col-sm-8">
                    <ul>
						{% for post in pager.getResults() %}
							<li class="padd-btm-50">
								<div class="frame"><a href="{{ url('sonata_news_view', { 'permalink': sonata_news_permalink(post) }) }}">{% media post.image, 'listing'%}</a></div>
								<h3><a href="{{ url('sonata_news_view', { 'permalink': sonata_news_permalink(post) }) }}">{{ post.title }}</a></h3>
								<div class="detail-row">
									<ul>
										<li><a href="#"><i class="fa fa-user"></i> {{ 'archive_author'|trans({'%author%': post.author.fullname }, 'SonataNewsBundle') }}</a></li>
										<li><a href="#"><i class="fa fa-calendar"></i> {{ post.publicationDateStart | format_date }}</a></li>
										<li><a href="#"><i class="fa fa-comments-o"></i>{{ 'comments_count'|trans({'%comments_count%': post.commentsCount }, 'SonataNewsBundle') }}</a></li>
										<li>{% if post.tags|length > 1 %}
												<i class="fa fa-list"></i>
											{% else %}
												<i class="fa fa-list"></i>
											{% endif %}
											{{ 'published_under'|transchoice(post.tags|length, {}, 'SonataNewsBundle') }}

											{% for tag in post.tags %}
												<a href="{{ url('sonata_news_tag', { 'tag': tag.slug } ) }}">{{ tag.name }}</a>{% if not loop.last %},{% endif %}
											{% endfor %}
										</li>
									</ul>
									<a href="#" class="like"><i class="fa fa-share-square-o"></i>Share</a> <a href="#" class="like"><i class="fa fa-eye"></i>{{ post.hitcounter }}</a> </div>
								{{ post.abstract|raw }}
								<a href="{{ url('sonata_news_view', { 'permalink': sonata_news_permalink(post) }) }}" class="btn-8">Read More</a> </li>
                        {% else %}
                            {{ 'no_post_found'|trans({}, 'SonataNewsBundle') }}
                        {% endfor %}
                       </ul>
					<div class="pagination-box">
						<div class="pagination">
					<ul>
						<li{% if pager.page == pager.lastPage %} class="disabled"{% endif %}><a href="{{ url(route, route_parameters|merge({'page': pager.nextpage})) }}" title="{{ 'link_previous_page'|trans({}, 'SonataNewsBundle') }}">{{ 'link_previous_page'|trans({}, 'SonataNewsBundle') }}</a>
						<li{% if pager.page == pager.firstPage %} class="disabled"{% endif %}><a href="{{ url(route, route_parameters|merge({'page': pager.previouspage})) }}" title="{{ 'link_next_page'|trans({}, 'SonataNewsBundle') }}">{{ 'link_next_page'|trans({}, 'SonataNewsBundle') }}</a></li>
					</ul>
							</div>
						</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>
		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 %}