{% if obj_type == 'event' %}
    {% extends 'events/display/conference/base.html' %}
{% else %}
    {% extends 'layout/base.html' %}
{% endif %}

{% from 'forms/_form.html' import form_header, form_footer %}

{% block page_class %}
    {{ super() if obj_type == 'event' else 'fixed-width-standalone-page' }}
{% endblock %}

{% block title %}
    {% trans %}Search{% endtrans %}
    {% if obj_type == 'event' %}
        {% trans %}Event{% endtrans %}
    {% elif obj_type == 'category' %}
        {% trans %}Category{% endtrans %}
    {% endif %}
{% endblock %}

{% block content %}
    <div class="container search-container">
        {% if only_public %}
            <div class="search-public-warning">
                {% trans %}Warning: since you are not logged in, only results from public events will appear.{% endtrans %}
            </div>
        {% endif %}

        <div class="topBar">
            <div class="content">
                <div>
                    <div class="search-banner">
                        <span>Search powered by</span>
                        {% block banner %}{% endblock %}
                    </div>

                    {{ form_header(form, method='get', i_form=false) }}
                        <div>
                            {{ form.phrase() }}
                            <input type="submit" value="{% trans %}Search{% endtrans %}">
                            {% block tooltip %}{% endblock %}
                        </div>

                        <div class="toggle-advanced-options-container">
                            <a id="toggle-advanced-options" href="#"
                               data-msg-show="{% trans %}Show advanced options{% endtrans %}"
                               data-msg-hide="{% trans %}Hide advanced options{% endtrans %}">
                                {%- trans %}Show advanced options{% endtrans -%}
                            </a>
                        </div>

                        <div id="advanced-options" class="advanced-options" style="display: none;">
                            <table>
                                <tr>
                                    <td>{{ form.field.label() }}</td>
                                    <td>{{ form.field() }}</td>
                                </tr>
                                {% block criteria_fields %}{% endblock %}
                                <tr>
                                    <td>{{ form.start_date.label() }}</td>
                                    <td>{{ form.start_date(style='width: 180px;') }}</td>
                                </tr>
                                <tr>
                                    <td>{{ form.end_date.label() }}</td>
                                    <td>{{ form.end_date(style='width: 180px;') }}</td>
                                </tr>
                                {% block sort_fields %}{% endblock %}
                            </table>
                        </div>
                    {{ form_footer(form, i_form=false) }}
                </div>
            </div>
            {% set errors = form.error_list %}
            {% if errors %}
                <ul>
                    {% for error in errors %}
                        <li>{{ error }}</li>
                    {% endfor %}
                </ul>
            {% endif %}
            {% if form.validate_on_submit() %}
                {% block results %}{% endblock %}
            {% endif %}
        </div>
    </div>

    <script>
        $('#toggle-advanced-options').on('click', function(e) {
            e.preventDefault();
            var $this = $(this);
            var container = $('#advanced-options').toggle();
            var text = container.is(':hidden') ? $this.data('msgShow') : $this.data('msgHide');
            $('#toggle-advanced-options').text(text);
        });
    </script>
    {% block scripts %}{% endblock %}
{% endblock %}