{% extends 'front.html.twig' %}
{% block title %} Events CNFCE {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <!-- breadcrumb area start -->
    <section class="breadcrumb-area" id="home">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-area-content">
                        <h2>Evénements</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">Home</a></li>
                            <li class="active"><a href="#">Evénements</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- career section start -->
    <section class="pt-100 pb-75">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Nos <span class="title-span">Evénements</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                {% for event in events %}
                <div class="about-author-details" style="margin-bottom:40px;">
                    <div class="author-details-left">
                        <a href="{{ path('front_events_detail',{'token':event.token}) }}">
                            <img src="{{ asset('uploads/events/'~event.picture) }}" alt="Events" style="height: 180px;"></a>
                        </a>
                    </div>
                    <div class="author-details-right">
                        <br/>
                        <h4>{{ event.title }}</h4>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took galley of type and scrambled it to make a type specimen book. It has survid not only centuries, but also the leap into electronic typesetting.</p>
                        <br/>
                        <a href="{{ path('front_events_detail',{'token':event.token}) }}" class="theme-btn theme-btn5">En Savoir Plus</a>
                    </div>
                </div>
                {%  endfor %}
            </div>
            <div class="row">
                <div class="col-md-12">
                    {{ knp_pagination_render(events) }}
                </div>
            </div>
        </div>
    </section><!-- career section end -->
    <!-- footer section start -->
    <!-- breadcrumb area end -->
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('js/vendors/jquery/jquery-ui.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/moment/moment.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/fullcalendar/fullcalendar.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
    {% include "@FrontBundle/Events/assets.html.twig" %}
{% endblock %}