{% extends 'front.html.twig' %}
{% block title %} {{ 'page.event.title' | trans }} {% 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>{{ 'page.event.title2' |trans }}</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">{{ 'title.Ac' | trans }}</a></li>
                            <li class="active"><a href="#">{{ 'page.event.title2' |trans }}</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>{{'page.event.title3' | trans}} <span class="title-span">{{ 'page.event.title2' |trans }}</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                {% if events != null %}
                {% for event in events %}
                    <div class="col-xl-6 col-lg-12">
                        <div class="single-post">
                            <div class="row flexbox-center">
                                <div class="col-sm-5">
                                    <div class="post-thumbnail">
                                        <a href="{{ path('front_events_detail',{'token':event.token, 'lang':  locale}) }}">
                                            <img src="{{ asset('uploads/events/'~event.picture) }}" alt="Events" style="height: 180px;"></a>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-7">
                                    <div class="post-details">
                                        <a href="{{ path('front_events_detail',{'token':event.token, 'lang':  locale}) }}">
                                            <h4 class="post-title">{{ event.title }}</h4></a>
                                        <p>{{ event.description[:100] }}</p>
                                        <a href="{{ path('front_events_detail',{'token':event.token,  'lang':locale}) }}"
                                           class="theme-btn theme-btn5">{{ 'ensp' | trans }}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
                {% else %}
                    <div><h2>Acun Donne</h2>
                    </div>
                {% endif %}
            </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 %}