templates/website/includes/search-form-section.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico %}
  2. <form class="busca" action="{{ path('productListSearch') }}" method="GET">
  3.     {% if not isDarkTheme and hasProducts and categories|length > 0 %}
  4.         <button type="button" id="btn_categorias" class="btn-categorias">
  5.             <i class="ico">{{ ico('apps') }}</i>
  6.             <span>{{ getLanguage('categories', 'search_form') }}</span>
  7.             <i class="ico">{{ ico('chevron-down') }}</i>
  8.         </button>
  9.         <div class="box-categorias">
  10.             <div>
  11.                 {% for category in categories %}
  12.                     {% if category.hasProduct() %}
  13.                         <a href="{{ path('productListCategory', { type: 'produtos', slug: category.slug }) }}">
  14.                             {{ category.category }}
  15.                         </a>
  16.                     {% endif %}
  17.                 {% endfor %}
  18.             </div>
  19.         </div>
  20.     {% endif %}
  21.     <input type="text" id="search" name="search" placeholder="{{ getLanguage('course_to_study', 'search_form') }}" autocomplete="off">
  22.     <button type="submit" class="btn-buscar">
  23.         <i>{{ ico('search') }}</i>
  24.     </button>
  25.     <div id="search_suggestions" class="search-suggestions" data-status="start" request="{{ path('productListSuggestionSearch') }}">
  27.         <span class="item item-start">
  28.             <i class="type-search"></i>
  29.             <span>{{ getLanguage('course_to_study', 'search_form') }}</span>
  30.         </span>
  32.         <span class="item item-wait">
  33.             <i class="type-search"></i>
  34.             <span>{{ getLanguage('searching_for', 'search_form') }} <b class="js--search-term">&hellip;</b></span>
  35.         </span>
  37.         <span class="item item-end-empty">
  38.             <i class="type-search"></i>
  39.             <span>{{ getLanguage('no_results_for', 'search_form') }} <b class="js--search-term">&hellip;</b></span>
  40.         </span>
  42.         <a id="init_link" class="item item-end-full" href="">
  43.             <i class="type-search"></i>
  44.             <span>{{ getLanguage('see_all_courses_with', 'search_form') }} <b class="js--search-term">&hellip;</b></span>
  45.         </a>
  47.         <div class="loader-container">
  48.             <i class="loader">{{ ico('loader-wish') }}</i>
  49.         </div>
  51.         <nav id="search_suggestions_links" class="found-links"></nav>
  52.     </div>
  53. </form>