{% extends "@ibexadesign/pagelayout.html.twig" %}
{% block headerimage %}
    <div class="image-wrapper">
        <picture>
            {% if isValidContentId(52956) %}
                {{ render( controller( "ibexa_content:viewAction", {'contentId': 52956, 'viewType': 'embed', 'noLayout': true, 'params': {'alias': 'zuk_full_screen_width_full', 'minimalMarkup': 'true', 'srcmedia': 'min-width: 768px'}} ) ) }}
            {% endif %}
            {% if isValidContentId(52957) %}
                <img src="{% apply spaceless %}{{ render( controller( "ibexa_content:viewAction", {'contentId': 52957, 'viewType': 'embed', 'noLayout': true, 'params': {'alias': 'zuk_full_screen_width_small', 'minimalMarkup': 'true','backgroundimage':true}} ) ) }}{% endapply %}">
            {% endif %}
        </picture>
    </div>
        <div class="text-wrapper mw-default text-white">
            <h2 class="text-white text-left ">{{ 'Search'|trans }}</h2>
        </div>
{% endblock %}
{% block page_head %}
    {% set title =  'Search'|trans %}
    {% set description =  'Search'|trans %}
    {{ parent() }}
{% endblock %}

{% block content %}
<div class="ce-text m-default mw-default">
    <h1 class="mw-default text-center mt-5">{{ 'Search'|trans }}</h1>
    {{ form_start( form, {'class': 'form-search'} ) }}
    <fieldset>
        <div class="mb-3">
            <label class="form-label">{{ 'search.allwords'|trans }}</label>
            {{ form_widget( form.searchText, { 'attr': {'class': 'form-control','autofocus':'autofocus'}} ) }}
        </div>
        <div class="mb-3">
            <label class="form-label">{{ 'search.exactwords'|trans }}</label>
            {{ form_widget( form.searchByWord, { 'attr': {'class': 'form-control','autofocus':'autofocus'}} ) }}
        </div>
        <div class="mb-3">
            <label class="form-label">{{ 'search.last.modified'|trans }}</label>
            {{ form_widget(form.lastMod, { 'attr': {'class': 'form-control','autofocus':'autofocus'}} ) }}
        </div>
    {{ form_errors(form.searchText) }}
    </fieldset>
    {{ form_widget( form.save, { 'label': "Search"|trans, 'attr': { 'class': 'btn btn-secondary' } } ) }}
    {{ form_end( form ) }}
    {% if searchCount > 0 %}
        <h2>{% trans %}Search returned %searchCount% matches{% endtrans %}.</h2>
        
        {% for searchResult in pagerSearch %}
            <div class="row">
            {{ render_esi( controller( 'ibexa_content:viewAction', {'locationId': searchResult.id, 'viewType': 'search_result_item'} ) ) }}
            </div>
        {% endfor %}
        {% if not isPreview is defined and pagerSearch.haveToPaginate() %}
            <div class="mt-5 mw-lg-default">
                <nav class="pagination-navi">
                    {{ pagerfanta( pagerSearch, 'twitter_bootstrap4', { 'css_container_class': 'pagination justify-content-center', 'prev_message': '<i class="far fa-fw fa-chevron-left"></i>', 'next_message':'<i class="far fa-fw fa-chevron-right"></i>'} ) }}
                </nav>
            </div>
        {% endif %}
  {% else %}
        <h2>{% trans %}No results were found.{% endtrans %}</h2>
        <p class="font-weight-bold mt-3 mb-1">{{ 'Search tips'|trans }}</p>
        <ul>
            <li>{{ 'Check spelling of keywords.'|trans }}</li>
            <li>{{ 'Try changing some keywords (eg, "car" instead of "cars").'|trans }}</li>
            <li>{{ 'Try searching with less specific keywords.'|trans }}</li>
            <li>{{ 'Reduce number of keywords to get more results.'|trans }}</li>
        </ul>
    {% endif %}
</div>

{% endblock %}