{% extends 'frontNEW.html.twig' %}
{% block title %} {{ 'page.index.title' |trans }} {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}

{% block css %}
{% endblock %}
{% block body %}
    <div class="page-title-area item-bg4 jarallax" data-jarallax='{"speed": 0.3}'>
        <div class="container">
            <div class="page-title-content text-center">
                <h2>{{ 'search.title' |trans }}</h2>
            </div>
        </div>
    </div>

    <!-- result search start -->
    {% if datas != null %}
        <section class="upcoming-events-area ptb-100 pb-70">
            <div class="container">
                {% for data in datas %}
                    <div class="single-upcoming-events-box">
                        <div class="events-box">
{#                            <div class="events-image">#}
{#                                {% if event.picture != null %}#}
{#                                    <div class="image" style="background-image: url('{{ asset('uploads/events/'~event.picture) }}')">#}
{#                                        <img src="{{ asset('uploads/events/'~event.picture) }}" alt="image" />#}
{#                                    </div>#}
{#                                {% else %}#}
{#                                    <div class="image" style="background-image: url('{{ asset('uploads/events/emptyImage.png') }}');">#}
{#                                        <img src="{{ asset('uploads/events/emptyImage.png') }}" alt="event">#}
{#                                    </div>#}
{#                                {% endif %}#}
{#                            </div>#}
                            <div class="events-content" style="flex: 0 0 100%;max-width: 100%;">
                                <div class="content">
                                    <h3><a href="
                                            {% if data.type_s == 'events' %}
                                                {{ path('front_events_detail',{'token':data.token, 'type':  data.type}) }}
                                            {% else %}
                                                {{ path('news_front_detail',{'token':data.token}) }}
                                            {% endif %}
                                            ">{{ data.title }}</a></h3>
                                    <p>{{ data.description[:100] }}</p>
                                    <a href="
                                            {% if data.type_s == 'events' %}
                                                {{ path('front_events_detail',{'token':data.token, 'type':  data.type}) }}
                                            {% else %}
                                                {{ path('news_front_detail',{'token':data.token}) }}
                                            {% endif %}
                                        " class="join-now-btn">{{ 'ensp' | trans }}</a>
                                </div>
                            </div>
{#                            <div class="events-date">#}
{#                                <div class="date">#}
{#                                    <div class="d-table">#}
{#                                        <div class="d-table-cell">#}
{#                                            <p><h4 style="color: white;">#}
{#                                                {% set month_start = event.start|date("F") %}#}
{#                                                {{ event.start|date('d') }} {{ month_start|trans }} {{ event.start|date('Y') }}</h4></p>#}
{#                                            <br><i class="fas fa-arrows-alt-v" style="font-size: 20px;opacity: 1;"></i>#}
{#                                            <p><h4 style="color: white;">#}
{#                                                {% set month_end = event.end|date("F") %}#}
{#                                                {{ event.end|date('d') }} {{ month_end|trans }} {{ event.end|date('Y') }}</h4></p>#}
{#                                            <i class="flaticon-calendar"></i>#}
{#                                        </div>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
                        </div>
                    </div>
                {% endfor %}
            </div>
        </section>
    {% else %}
        <div><h2></h2>
        </div>
    {% endif %}

    <div class="col-lg-12 col-md-12 ptb-100 pt-0">
        {{ knp_pagination_render(datas) }}
    </div>
    <!-- result search end -->

{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}