{% extends '@layout/_layout.twig' %} {% block title %} {{ 'Search partner'|trans }} | {{ 'BDSM.fm - dating social network
for BDSM people'|trans }} {% endblock %} {% block content %}
<div class="search-container search-page" id="pageSearch">
    <header class="search-header">
        <h2 class="search-title">Поиск партнера</h2>
        <a href="#" class="search-header-info js-search-info">Совместимость и рекомендации</a>
    </header>
    <div class="search-inner">
        <div class="profile-grid margin0">
            <div class="profile-grid-row">
                <div class="profile-grid-cell profile-grid-cell--paddingTop24 js-search-toggling-button">
                    <p class="profile-str">{{ 'About partner'|trans }}</p>
                </div>
                <div class="profile-grid-cell js-search-toggling-body">
                    <div class="flex-unique flex-group-1">
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label class="form-label " for="sex">
                                <span class="form-label-name">{{ 'Sex'|trans }}</span>
                                <select name="sex" class="form-select js-live-search">
                                    <option value="" selected="selected">{{ 'Not select'|trans }}</option>
                                    <option {% if query.gender is not null and query.gender==0 %}selected="selected"{% endif %}
                                            value="0">{{ 'Male'|trans }}</option>
                                    <option {% if query.gender is not null and query.gender==1 %}selected="selected"{% endif %}
                                            value="1">{{ 'Female'|trans }}</option>
                                    <option {% if query.gender is not null and query.gender==2 %}selected="selected"
                                            {% endif %}value="2">{{ 'Trans'|trans }}</option>
                                </select>
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="theme" class="form-label ">
                                <span class="form-label-name">{{ 'BDSM position'|trans }}</span>
                                <select name="theme" class="form-select js-live-search">
                                    <option value="0">{{ 'Not select'|trans }}</option>
                                    <option value="1"
                                            {% if query.inTheme==1 %}selected="selected"{% endif %}>
                                        {{ 'Top'|trans }}
                                    </option>
                                    <option value="2"
                                            {% if query.inTheme==2 %}selected="selected"{% endif %}>
                                        {{ 'Switch'|trans }}
                                    </option>
                                    <option value="3"
                                            {% if query.inTheme==3 %}selected="selected"{% endif %}>
                                        {{ 'Bottom'|trans }}
                                    </option>
                                </select>
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="city" class="form-label ">
                                <span class="form-label-name">{{ 'Country and city'|trans }}</span>
                                <select name="city" class="form-select-with-input js-live-search">
                                    <option value="0">{{ 'Not select'|trans }}</option>
                                    {% if city is not null %}
                                        <option selected="selected"
                                                value="{{ city.id }}">{{ city_full_name(city) }}</option>
                                    {% endif %}
                                    {% for cityview in topcities() %}
                                        {% if city is null %}
                                            <option value="{{ cityview.id }}">{{ city_full_name(cityview) }}</option>
                                        {% endif %}
                                        {% if city is not null and city.id!=cityview.id %}
                                            <option value="{{ cityview.id }}">{{ city_full_name(cityview) }}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label class="form-label">
                                <span class="form-label-name">{{ 'Age'|trans }}</span>
                                <div class="wrap-slider-range">
                                    <div id="slider-range" class="search-filter__age">
                                        <div id="slider-range-begin" data-agebegin="{{ query.ageBegin }}"
                                                class="ui-slider-handle">
                                            <span class="ui-slider-handle-text"></span>
                                        </div>
                                        <div id="slider-range-end" data-ageend="{{ query.ageEnd }}"
                                                class="ui-slider-handle">
                                            <span class="ui-slider-handle-text"></span>
                                        </div>
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column flex-full">
                            <div class="wrap-form-checkbox">
                                <input type="checkbox" name="withAvatar" id="withAvatar" class="form-checkbox js-live-search" value="1" {% if query.withAvatar %}checked="checked" {% endif %}>
                                <label for="withAvatar" class="form-label-checkbox">{{ 'With photo'|trans }}</label>
                            </div>
                            <div class="wrap-form-checkbox">
                                <input type="checkbox" name="online" id="online" class="form-checkbox js-live-search" value="2">
                                <label for="online" class="form-label-checkbox">{{ 'On Air'|trans }}</label>
                            </div>
                            {#
                            <div class="wrap-form-checkbox">
                                <input type="checkbox" name="online" id="is-vip" class="form-checkbox js-live-search">
                                <label for="is-vip" class="form-label-checkbox">VIP-статус</label>
                            </div>
                            <div class="wrap-form-checkbox">
                                <input type="checkbox" name="online" id="is-oranizator" class="form-checkbox js-live-search">
                                <label for="is-oranizator" class="form-label-checkbox">Организатор</label>
                            </div>
                            #}
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                    </div>
                    <div class="flex-unique flex-group-1 flex-group-1__footer">
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="sexOrientation" class="form-label ">
                                <span class="form-label-name">{{ 'Sexual orientation'|trans }}</span>
                                <select name="sexOrientation" id="" class="form-select js-live-search">
                                    <option value="0">{{ 'Not select'|trans }}</option>
                                    <option value="1">{{ 'Heterosexual'|trans }}</option>
                                    <option value="2">{{ 'Homosexual'|trans }}</option>
                                    <option value="3">{{ 'Bisexual'|trans }}</option>
                                </select>
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="familyStatus" class="form-label ">
                                <span class="form-label-name">{{ 'Relationship status'|trans }}</span>
                                <select name="familyStatus" id="" class="form-select js-live-search">
                                    <option value="0">{{ 'Not select'|trans }}</option>
                                    <option value="1">{{ 'Alone'|trans }}</option>
                                    <option value="2">{{ 'Nothing serious'|trans }}</option>
                                    <option value="3">{{ 'In a long-term relationship'|trans }}</option>
                                    <option value="4">{{ 'Married'|trans }}</option>
                                    <option value="5">{{ 'Divorced'|trans }}</option>
                                </select>
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="experience" class="form-label ">
                                    <span class="form-label-name">{{ 'Experience'|trans }}</span>
                                    <select name="experience" id="" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        {% set currentYear = date() | date('Y') %}
                                        {% set endYear = currentYear %}
                                        {% set startYear = currentYear - 40 %}
                                        {% for i in endYear-1..startYear %}
                                            {% set year = endYear - i %}
                                            <option value="{{ year }}">{{ year }} {% trans %}
                                                year{% plural year %}years{% endtrans %}</option>
                                        {% endfor %}
                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="search-filters">
        <div class="profile-grid">
            <div class="profile-grid-row ">
                <div class="profile-grid-cell profile-grid-cell--paddingTop24 js-search-toggling-button">
                    <p class="profile-str">{{ 'Ethnicity'|trans }}</p>
                </div>
                <div class="profile-grid-cell js-search-toggling-body">
                    <div class="flex-unique flex-group-1">
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="body" class="form-label ">
                                    <span class="form-label-name">{{ 'Build'|trans }}</span>
                                    <select name="body" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'Slim'|trans }}</option>
                                        <option value="2">{{ 'Average'|trans }}</option>
                                        <option value="3">{{ 'Athletic'|trans }}</option>
                                        <option value="4">{{ 'Muscular'|trans }}</option>
                                        <option value="5">{{ 'A few extra pounds'|trans }}</option>
                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column column-has-ndash">
                            <label for="heightBegin" class="form-label">
                                <span class="form-label-name">{{ 'Height'|trans }}</span>
                                <input type="text" name="heightBegin"
                                    class="form-input js-live-search"
                                    placeholder="140">
                                &ndash;
                                <input type="text" name="heightEnd" 
                                    class="form-input js-live-search"
                                    placeholder="230">
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column column-has-ndash">
                            <label for="weight" class="form-label">
                                <span class="form-label-name">{{ 'Weight'|trans }}</span>
                                <input type="text" name="weightBegin"
                                    class="form-input js-live-search"
                                    placeholder="35">
                                &ndash;
                                <input type="text" name="weightEnd"
                                    class="form-input js-live-search"
                                    placeholder="150">
                            </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column flex-checkboxes">
                            <span class="form-label-name">Дополнительно</span>
                            <div class="wrap-form-checkbox">
                                <input type="checkbox" name="hasPircing" id="hasPircing" class="form-checkbox js-live-search" value="1">
                                <label for="hasPircing" class="form-label-checkbox">{{ 'Piercing'|trans }}</label>
                            </div>
                            <div class="wrap-form-checkbox">
                                <input type="checkbox" name="hasTatoo" id="hasTatoo" class="form-checkbox js-live-search" value="1">
                                <label for="hasTatoo" class="form-label-checkbox">{{ 'Tatoo'|trans }}</label>
                            </div>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                    </div>
                </div>
            </div>
            <div class="profile-grid-row">
                <div class="profile-grid-cell profile-grid-cell--paddingTop24 js-search-toggling-button">
                    <p class="profile-str">{{ 'Lifestyle'|trans }}</p>
                </div>
                <div class="profile-grid-cell js-search-toggling-body">
                    <div class="flex-unique flex-group-1">
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="smoking" class="form-label ">
                                    <span class="form-label-name">{{ 'Smoking'|trans }}</span>
                                    <select name="smoking" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'I do not smoke'|trans }}</option>
                                        <option value="2">{{ 'I smoke'|trans }}</option>
                                        <option value="3">{{ 'I am trying to quit smoking'|trans }}</option>
                                        <option value="4">{{ 'Social/occasional smoker'|trans }}</option>

                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="alcohol" class="form-label ">
                                    <span class="form-label-name">{{ 'Drinking habits'|trans }}</span>
                                    <select name="alcohol" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'Teetotal'|trans }}</option>
                                        <option value="2">{{ 'Social drinker'|trans }}</option>
                                        <option value="3">{{ 'I like to drink'|trans }}</option>
                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                    </div>
                </div>
            </div>
            <div class="profile-grid-row">
                <div class="profile-grid-cell profile-grid-cell--paddingTop24 js-search-toggling-button">
                    <p class="profile-str">{{ 'Social status'|trans }}</p>
                </div>
                <div class="profile-grid-cell js-search-toggling-body">
                    <div class="flex-unique flex-group-1">
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="education" class="form-label">
                                    <span class="form-label-name">{{ 'Education'|trans }}</span>
                                    <select name="education" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'Secondary education'|trans }}</option>
                                        <option value="2">{{ 'Vocational secondary education'|trans }}</option>
                                        <option value="3">{{ 'Incomplete higher education'|trans }}</option>
                                        <option value="4">{{ 'Higher education'|trans }}</option>

                                        <option value="5">{{ 'Two or more higher education degrees'|trans }}</option>
                                        <option value="6">{{ 'Academic degree'|trans }}</option>
                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="habitation" class="form-label">
                                    <span class="form-label-name">{{ 'Accommodation'|trans }}</span>
                                    <select name="habitation" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'Private apartment (rented or own)'|trans }}</option>
                                        <option value="2">{{ 'House/apartment share'|trans }}</option>
                                        <option value="3">{{ 'I live with my parents'|trans }}</option>
                                        <option value="4">{{ 'I live with a friend'|trans }}</option>
                                        <option value="5">{{ 'No permanent accommodation'|trans }}</option>
                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="financial" class="form-label">
                                    <span class="form-label-name">{{ 'Finance status'|trans }}</span>
                                    <select name="financial" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'No steady income'|trans }}</option>
                                        <option value="2">{{ 'Steady low income'|trans }}</option>
                                        <option value="3">{{ 'Steady average income'|trans }}</option>
                                        <option value="4">{{ 'High income'|trans }}</option>

                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                        <!-- BEGIN flex-unique__column -->
                        <div class="flex-unique__column">
                            <label for="sponsorship" class="form-label">
                                    <span class="form-label-name">{{ 'Sponsorship'|trans }}</span>
                                    <select name="sponsorship" class="form-select js-live-search">
                                        <option value="0">{{ 'Not select'|trans }}</option>
                                        <option value="1">{{ 'Looking for a sponsor'|trans }}</option>
                                        <option value="2">{{ 'I can become a sponsor'|trans }}</option>
                                        <option value="3">{{ 'Not a commercial relationship'|trans }}</option>
                                    </select>
                                </label>
                        </div>
                        <!-- END flex-unique__column ヽ(•‿•)ノ -->
                    </div>
                </div>
            </div>
            {#
            <div class="profile-grid-row">#} {#
                <div class="profile-grid-cell profile-grid-cell--paddingTop24">#} {#
                    <p class="profile-str">{{ 'Популярность'|trans }}</p>#} {#
                </div>#} {#
                <div class="profile-grid-cell">#} {#
                    <table>#} {#
                        <tr>#} {#
                            <td>#} {#
                                <label for="followers" class="form-label ">#}
                {#<span class="form-label-name">{{ 'Число подписчиков'|trans }}</span>#}
                {#<select name="followers" class="form-select">#}
                {#<option value="0"#}
                {#{% if profileView.education==0 %}selected="selected"{% endif %}>{{ 'Not select'|trans }}</option>#}
                {#<option value="1"#}
                {#{% if profileView.education==1 %}selected="selected"{% endif %}>{{ 'Secondary education'|trans }}</option>#}
                {#<option value="2"#}
                {#{% if profileView.education==2 %}selected="selected"{% endif %}>{{ 'Vocational secondary education'|trans }}</option>#}
                {#<option value="3"#}
                {#{% if profileView.education==3 %}selected="selected"{% endif %}>{{ 'Incomplete higher education'|trans }}</option>#}
                {#<option value="4"#}
                {#{% if profileView.education==4 %}selected="selected"{% endif %}>{{ 'Higher education'|trans }}</option>#}

                {#<option value="5"#}
                {#{% if profileView.education==5 %}selected="selected"{% endif %}>{{ 'Two or more higher education degrees'|trans }}</option>#}
                {#<option value="6"#}
                {#{% if profileView.education==6 %}selected="selected"{% endif %}>{{ 'Academic degree'|trans }}</option>#}
                {#</select>#}
                {#</label>#} {#
                            </td>#} {#
                            <td style="padding-left: 15px;">#} {#
                                <label for="rate" class="form-label ">#}
                {#<span class="form-label-name">{{ 'Reply Rate'|trans }}</span>#}
                {#<select name="rate" class="form-select">#}
                {#<option value="0"#}
                {#{% if profileView.habitation==0 %}selected="selected"{% endif %}>{{ 'Not select'|trans }}</option>#}
                {#<option value="1"#}
                {#{% if profileView.habitation==1 %}selected="selected"{% endif %}>{{ 'Private apartment (rented or own)'|trans }}</option>#}
                {#<option value="2"#}
                {#{% if profileView.habitation==2 %}selected="selected"{% endif %}>{{ 'House/apartment share'|trans }}</option>#}
                {#<option value="3"#}
                {#{% if profileView.habitation==3 %}selected="selected"{% endif %}>{{ 'I live with my parents'|trans }}</option>#}
                {#<option value="4"#}
                {#{% if profileView.habitation==4 %}selected="selected"{% endif %}>{{ 'I live with a friend'|trans }}</option>#}
                {#<option value="5"#}
                {#{% if profileView.habitation==5 %}selected="selected"{% endif %}>{{ 'No permanent accommodation'|trans }}</option>#}
                {#</select>#}
                {#</label>#} {#
                            </td>#} {#
                        </tr>#} {#
                    </table>#} {#
                </div>#} {#
            </div>#}
        </div>
    </div>
    <div class="search-container-btn" data-text="{{ 'Expand filter'|trans }};{{ 'Hide filter'|trans }}">
        <span class="search-container-btn-text">{{ 'Expand filter'|trans }}</span>
    </div>
    <div class="profile-grid margin0 search-btn-header">
        <div class="profile-grid-row profile-grid-row--results">
            <div class="profile-grid-cell profile-grid-cell--no-basis profile-grid-cell__search" style="display: none;">
                <a id="btnSearch" href="#" class="button">
                <span class="button-inner">{{ 'Search'|trans }}</span>
            </a>
            </div>
            <div class="profile-grid-cell profile-grid-cell__results">
                <p class="search-str" id="searchResultsMsg" data-text="{{ 'search results'|trans }}, {{ 'Search did not match'|trans }}">
                    <span id="searchResultsCount">{{ count }}</span>&nbsp;/&nbsp;<span id="searchResultsTotalCount">{{ totalCount }}</span>&nbsp;результатов поиска
                </p>
            </div>
            <div class="profile-grid-cell profile-grid-cell__reset">
                <a id="btnSearchResetFilters" href="#" class="button button-reset-search">
                <span class="button-inner">{{ 'Reset'|trans }}</span>
            </a>
            </div>
        </div>
    </div>
    <ul id="list-results-search-page" class="search-result">
        {% for view in users %} {% include '@site/includes/search/_searchResultItem.twig' with {view:view} %} {% endfor %}
    </ul>
</div>
{% endblock %}