src/Social/FrontendBundle/Resources/views/Search/index.html.twig line 1

Open in your IDE?
  1. {% extends 'SocialFrontendBundle::layout_middle.html.twig' %}
  3. {% block content %}
  4.     <h3 class="headline-page"><i class="fa fa-search"></i> {% trans %}Search Members{% endtrans %}</h3>
  5.     <div class="widget weidget-search-section search-page-area">
  6.         <div class="widget-body no-padding-bottom">
  7.             <div id="filter">
  8.                 <form method="GET" action="{{ path('social_frontend_search_submit') }}" id="frm-search">
  9.                     {% if app.user %}
  10.                         <input type="hidden" name="page" id="filter_page" value="1"/>
  11.                         <input type="hidden" id="filters_location_country" name="filters[country]" class="fake-country-input"
  12.                                trigger-change-on="filters_location_country"/>
  13.                         <input type="hidden" id="filters_location_city" name="filters[city]" class="fake-location-input"
  14.                                trigger-change-on="filters_location_city"/>
  15.                         <div class="widget">
  16.                             <div class="widget-body">
  17.                                 <div class="search-friends">
  18.                                     <div class="header-search-friends row">
  19.                                         <div class="col-sm-3 col-md-3 pull-left col-search-narrow">
  20.                                             <a class="btn btn-sm center btn-search-narrow" role="button"
  21.                                                id="narrow-btn">
  22.                                                 <b>{% trans %}Narrow{% endtrans %}</b>
  23.                                                 <i class="fa fa-search"></i>
  24.                                             </a>
  25.                                         </div>
  26.                                         <div class="col-sm-9 col-md-9 pull-right hidden-xs">
  27.                                             {% trans %}
  28.                                                 Please use the narrow filters to find the members with the exact characteristics that you searching for.
  29.                                             {% endtrans %}
  30.                                         </div>
  31.                                     </div>
  32.                                     <div class="main-search-friends">
  33.                                         {#style-ul asta cu display none trebuie sa ramana asa#}
  34.                                         <div id="search" class="innerB" style="display: none;">
  35.                                             <div class="row innerTB">
  36.                                                 <div class="col-xs-5 search-status">
  37.                                                     <div class="row padding-none">
  38.                                                         <div class="col-md-12">
  39.                                                             <h5>{% trans %}Member status{% endtrans %}</h5>
  40.                                                         </div>
  41.                                                     </div>
  42.                                                     <div class="row padding-none">
  43.                                                         <div class="col-xs-4 padding-none">
  44.                                                             <input type="radio" checked="" value="0"
  45.                                                                    name="filters[user_status]"
  46.                                                                    id="filters_user_status_online_friends">
  47.                                                             <label for="filters_user_status_online_friends">
  48.                                                                 {% trans %}All{% endtrans %}
  49.                                                             </label>
  50.                                                         </div>
  51.                                                         <div class="col-xs-4 padding-none">
  52.                                                             <input type="radio" value="1"
  53.                                                                    name="filters[user_status]"
  54.                                                                    id="filters_user_status_all_users">
  55.                                                             <label for="filters_user_status_all_users">{% trans %}Online{% endtrans %}</label>
  56.                                                         </div>
  57.                                                         <div class="col-xs-4 padding-none">
  58.                                                             <input type="radio" value="2"
  59.                                                                    name="filters[user_status]"
  60.                                                                    id="filters_user_status_new_users">
  61.                                                             <label for="filters_user_status_new_users">{% trans %}New{% endtrans %}</label>
  62.                                                         </div>
  63.                                                     </div>
  64.                                                 </div>
  65.                                                 <div class="col-xs-4 search-age">
  66.                                                     <div class="col-xs-8 section-search slider-age">
  67.                                                         <h5>{% trans %}Age between{% endtrans %}</h5>
  68.                                                         <input class="age-slider" name="filters[age_range]"
  69.                                                                id="filters_age_range" type="text" value="18,100"
  70.                                                                data-slider-min="18" data-slider-max="100"
  71.                                                                data-slider-step="1" data-slider-value="[18,100]"/>
  72.                                                     </div>
  74.                                                 </div>
  75.                                                 <div class="col-xs-3 section-search">
  76.                                                     <h5>{% trans %}Boost Profiles{% endtrans %}</h5>
  77.                                                     <div class="make-switch" data-on="success" data-off="default">
  78.                                                         <input name="filters[boost_profiles]"
  79.                                                                id="filters_boost_profiles" type="checkbox"/>
  80.                                                     </div>
  81.                                                 </div>
  82.                                             </div>
  83.                                             <div class="row innerTB">
  84.                                                 <div class="co-sm-6">
  85.                                                     <div class="col-xs-6">
  86.                                                         <div class="location-search">
  87.                                                             <div class="search-name section-search-city location-holder"
  88.                                                                 search-location-url="{{ path('social_frontend_search_location') }}"
  89.                                                                 search-country-url="{{ path('social_frontend_search_country') }}"
  90.                                                             >
  91.                                                                 <h5>{% trans %}Location{% endtrans %}</h5>
  93.                                                                 <div class="search-name-imput">
  94.                                                                     <div class="row">
  95.                                                                         <div class="col-md-6">
  96.                                                                             <div class="form-group">
  97.                                                                                 <label class="label-hide control-label required"
  98.                                                                                     for="user_country">
  99.                                                                                     {% trans %}Country{% endtrans %}
  100.                                                                                 </label>
  101.                                                                                 <input type="text" value=""
  102.                                                                                     class="label-over form-control bg-gray location-autocomplete-country"
  103.                                                                                     required="required" name=""
  104.                                                                                     id="user_country">
  105.                                                                             </div>
  106.                                                                         </div>
  107.                                                                         <div class="col-md-6">
  108.                                                                             <div class="form-group">
  109.                                                                                 <label class="label-hide control-label required"
  110.                                                                                     for="user_city">
  111.                                                                                     {% trans %}City{% endtrans %}
  112.                                                                                 </label>
  113.                                                                                 <input type="text" value=""
  114.                                                                                     class="label-over form-control bg-gray location-autocomplete-city"
  115.                                                                                     required="required" name=""
  116.                                                                                     id="user_city">
  117.                                                                             </div>
  118.                                                                         </div>
  119.                                                                     </div>
  120.                                                                     {% include 'SocialFrontendBundle:Form:location_explanation.html.twig' with {message: 'Not valid.'|trans, hidden: true} %}
  121.                                                                 </div>
  122.                                                             </div>
  123.                                                         </div>
  124.                                                     </div>
  125.                                                     <div class="col-xs-6 search-name">
  126.                                                         <h5>{% trans %}Keyword{% endtrans %}</h5>
  127.                                                         <div class="search-name-imput">
  128.                                                             <div class="form-group">
  129.                                                                 <label class="label-hide control-label required"
  130.                                                                        for="filters_keyword">{% trans %}keyword{% endtrans %}</label>
  131.                                                                 <input id="filters_keyword"
  132.                                                                        class="label-over form-control bg-gray"
  133.                                                                        type="text" required="required"
  134.                                                                        name="filters[keyword]">
  135.                                                             </div>
  136.                                                         </div>
  137.                                                     </div>
  138.                                                 </div>
  139.                                             </div>
  140.                                         </div>
  141.                                     </div>
  142.                                 </div>
  143.                             </div>
  144.                         </div>
  145.                     {% endif %}
  146.                 </form>
  147.             </div>
  148.             <div id="search-container" class="row search-section" data-toggle="isotope">
  149.                 {% if renderedUsers is defined and renderedUsers is not null %}
  150.                     <script type="text/javascript">var searchRenderedAlready = true;</script>
  151.                     {{ renderedUsers|raw }}
  152.                 {% endif %}
  153.             </div>
  154.         </div>
  155.     </div>
  156.     {% if app.user is null or app.user is not defined %}
  157.         {% include '@SocialFrontend/__partials/modal_signup_form_card.twig' %}
  158.     {% endif %}
  159. {% endblock %}