{% extends 'base.html.twig' %}

{% block stylesheets %}
	{{ parent() }}
	<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>Notre calendrier d'événements</h1>
                <ul class="breadcrumb">
                    <li><a href="{{ path('contact') }}">Accueil</a></li>
                    <li>Calendrier d'événements</li>
                </ul>
            </div>
        </div>
        <!--Inner Banner End-->

        <!--Blog Detail Start-->
        <section class="blog-detail">
            <div class="container">
                <div class="row">
                    <div class="col-md-9 col-sm-8">
                        <div class="event-calender">
                            <div id='calendar'></div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <!--SIDEBAR START-->
                        <aside class="sidebar">
                            {{ render(controller("EgliseEgliseBundle:Default:prochainsEvenementsBlog")) }}
                        </aside>
                        <!--SIDEBAR END-->
                    </div>
                </div>
            </div>
        </section>
        <!--Blog Detail End-->
    </div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type='text/javascript' src='{{ asset('assets/js/fullcalendar.min.js') }}'></script>
<script type='text/javascript' src='{{ asset('assets/js/jquery.countdown.js') }}'></script>
{% endblock %}