<div class="search-wrapper reference-search-wrapper">
    <div class="search search-desktop">
        <div class="filter-button"><div class="icon filter-icon colored"></div></div>
        <div class="search-content">
            <div class="query-search input-parent" tabindex="0">
                <span>{{'reference_search'|trans|title}}</span>
                <input type="text" class="input" placeholder="{{'enter_keywords'|trans|capitalize}}" value="{{app.request.get('s')}}">
            </div>
            {% set filterTag = app.request.get('tags') %}
            <div class="vertical-divider"></div>
            <div class="tag-search activate focusout_inactivate input-select input-arrow arrow-down arrow-dark noselect no_propagation" tabindex="0">
                <span>{{'project_search_sorting_section'|trans|title}}</span>
                {% set tagText = '' %}
                {% if filterTag|length > 0 %}
                    {% for tag in tags %}
                        {% if tag.country_code == filterTag %}
                            {% set tagText = tag.country_code|trans|capitalize %}
                        {% endif %}
                    {% endfor %}
                {% else %}
                    {% set tagText = 'any_country'|trans|title %}
                {% endif %}
                <div class="selected input" data-placeholder="{{ tagText }}">{{ tagText }}</div>
                <div class="select-menu no_propagation">
                    <ul>
                        <li><a class="hvr" data-identifier="">{{ "any_country"|trans|capitalize }}</a></li>
                        {% set added = {} %}
                        {% for tag in tags %}
                            {% if tag["country_code"] and added[tag["country_code"]] is not defined %}
                                {% set added = added|merge({(tag["country_code"]): true}) %}
                                <li><a data-identifier="{{ tag.country_code }}">{{ tag.country_code|trans|capitalize }}</a></li>                                    
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="search search-mobile show_1024">
        <div class="query-search search-input-wrapper">
            <div class="icon search-icon"></div>
            <input type="text" class="search-input" placeholder="{{ 'enter_keywords'|trans|capitalize }}" value="{{ app.request.get('s') }}">
        </div>
        <div class="full-width black-button standart-button filter-popup-button">{{ 'filters'|trans|title }}</div>
    </div>
</div>