templates/front/main_page/includes/main_page_offer_search.twig line 1

Open in your IDE?
  2. <section class="bg-nav">
  3.     <div class="container search">
  4.         <form>
  5.             <div class="row justify-content-center">
  6.                 <div class="col-lg-6 col-10 mt-3">
  7.                     <h1 class="text-center uppercase text-tertiary mb-0">
  8.                         {{ 'USER_ZONE.HOME_PAGE.TEXT_FIRST'|trans }}
  9.                     </h1>
  10.                 </div>
  11.             </div>
  12.             <div class="row justify-content-center">
  13.                 <div class="col-lg-8 col-xl-6 col-md-10 col-12">
  14.                     <div class="d-flex justify-content-center input-group mt-4">
  15.                         <select class="search-select border-secondary bg-nav" name="" multiple="multiple"
  16.                                 style="width:80%;"></select>
  17.                         <input type="button" name="" value="{{ 'USER_ZONE.HOME_PAGE.SUBMIT_SEARCH'|trans }}" class="btn"
  18.                                onclick="ParamsToSearch()">
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.         </form>
  24.     </div>
  25.     <div class="filter">
  26.         <div class="d-flex justify-content-center">
  27.             <div class="col-md-10 col-12">
  28.                 <div class="row position-relative">
  29.                     <div class="filter-mobile">
  30.                         <div class="toggle-filter text-end d-block d-md-none">
  31.                             <button class="btn btn-filter position-relative button-filter-span pe-4">
  32.                             {{ 'USER_ZONE.HOME_PAGE.SHOW_FILTER'|trans }}
  33.                           
  34.                                 <span class="position-absolute top-50 translate-middle alert-all-selected-filters badge rounded-circle bg-secondary" style="left: 90%; display: none">
  35.                                     <span class="all-selected-filters-mobile"></span>
  36.                                   
  37.                                 </span>
  38.                             </button>
  39.                         </div>
  40.                     </div>
  41.                     <ul class="filter__list mt-4 justify-content-center d-none d-md-flex">
  42.                         <div class="close-button d-block d-md-none">
  43.                             <img src="{{ asset('assets/img/x-white.svg') }}" alt="">
  44.                         </div>
  45.                         <div class="d-block d-md-none">
  46.                             <div class="fixed-button d-block d-sm-none">
  47.                                 <button class="py-3 btn-secondary border-secondary filter-close filter-button" data-bs-toggle="modal" 
  48.                                 data-category="industry" data-bs-target="#offer-modal">{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_7_MOBILE'|trans }}
  49.                                 </button>
  50.                             </div>
  51.                         </div>
  52.                         <div class="btn-group d-inline col-auto position-static text-no-wrap">
  53.                             <button type="button" class="filter__button fmx-md-3 btn " data-toggle="dropdown"
  54.                                     aria-haspopup="true"
  55.                                     aria-expanded="false">{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_1'|trans }} <span
  56.                                         class="lmx-1 count-select-industry">{% if search_options is defined and search_options.countIndustries is not null %}{{ '(' ~ search_options.countIndustries ~ ')'|default }}{% endif %}</span>
  57.                             </button>
  58.                             <div class="dropdown-menu  container dropdown-container position-absolute">
  59.                                 <div class="close-dropdown-button d-block d-md-none">
  60.                                     <img src="{{ asset('assets/img/x.svg') }}" alt="">
  61.                                 </div>
  62.                                 <div class="row industry-row">
  63.                                     <div class="col-md-4 row-industry-items-1 col-12">
  64.                                         {% if main_page_search.industries.1 is defined %}
  65.                                             {% for industry in main_page_search.industries.1 %}
  66.                                                 <label data-nameslug="{{ get_slug(app.request.locale == "pl" ? industry.plName|default(industry.slugName) : industry.enName|default(industry.slugName) ) }}" for="{{ industry.slugName|default ~ '-' ~ loop.index }}"
  67.                                                        class="dropdown-item items-view-by-industry industry-label-remove-technology filter-element {% if search_options is defined %}{% for industrySearchOptionChose in search_options.industries %}{{ industrySearchOptionChose|lower == industry.slugName|lower ? ' active' }}{% endfor %}{% endif %}" data-item-industry-id="{{ industry.id }}">{{ app.request.locale == 'pl' ? industry.plName|default(industry.enName) : industry.enName|default(industry.plName) }}</label>
  68.                                                 <input
  69.                                                         type="checkbox"
  70.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  71.                                                         id="{{ industry.slugName|default ~ '-' ~ loop.index }}"
  72.                                                         name="filters[industry][]"
  73.                                                         value="{{ industry.slugName|default }}"
  74.                                                         data-category-element="industry"
  75.                                                 >
  76.                                             {% endfor %}
  77.                                         {% endif %}
  78.                                     </div>
  79.                                     <div class="col-md-4 row-industry-items-2 col-12">
  80.                                         {% if main_page_search.industries.2 is defined %}
  81.                                             {% for industry in main_page_search.industries.2 %}
  82.                                                 <label data-nameslug="{{ get_slug(app.request.locale == "pl" ? industry.plName|default(industry.slugName) : industry.enName|default(industry.slugName) ) }}" for="{{ industry.slugName|default ~ '-' ~ loop.index }}"
  83.                                                        class="dropdown-item items-view-by-industry industry-label-remove-technology filter-element {% if search_options is defined %}{% for industrySearchOptionChose in search_options.industries %}{{ industrySearchOptionChose|lower == industry.slugName|lower ? ' active' }}{% endfor %}{% endif %}" data-item-industry-id="{{ industry.id }}">{{ app.request.locale == 'pl' ? industry.plName|default(industry.enName) : industry.enName|default(industry.plName) }}</label>
  84.                                                 <input
  85.                                                         type="checkbox"
  86.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  87.                                                         id="{{ industry.slugName|default ~ '-' ~ loop.index }}"
  88.                                                         name="filters[industry][]"
  89.                                                         value="{{ industry.slugName|default }}"
  90.                                                         data-category-element="industry"
  91.                                                 >
  92.                                             {% endfor %}
  93.                                         {% endif %}
  94.                                     </div>
  95.                                     <div class="col-md-4  row-industry-items-3 col-12">
  96.                                         {% if main_page_search.industries.3 is defined %}
  97.                                             {% for industry in main_page_search.industries.3 %}
  98.                                                 <label data-nameslug="{{ get_slug(app.request.locale == "pl" ? industry.plName|default(industry.slugName) : industry.enName|default(industry.slugName) ) }}" for="{{ industry.slugName|default ~ '-' ~ loop.index }}"
  99.                                                        class="dropdown-item items-view-by-industry industry-label-remove-technology filter-element {% if search_options is defined %}{% for industrySearchOptionChose in search_options.industries %}{{ industrySearchOptionChose|lower == industry.slugName|lower ? ' active' }}{% endfor %}{% endif %}" data-item-industry-id="{{ industry.id }}">{{ app.request.locale == 'pl' ? industry.plName|default(industry.enName) : industry.enName|default(industry.plName) }}</label>
  100.                                                 <input
  101.                                                         type="checkbox"
  102.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  103.                                                         id="{{ industry.slugName|default ~ '-' ~ loop.index }}"
  104.                                                         name="filters[industry][]"
  105.                                                         value="{{ industry.slugName|default }}"
  106.                                                         data-category-element="industry"
  107.                                                 >
  108.                                             {% endfor %}
  109.                                         {% endif %}
  110.                                         <div class="col-sm-12 d-none">
  111.                                             <select class="industry-select box-filters" name="industry"
  112.                                                     multiple="multiple" style="width:100%"></select>
  113.                                         </div>
  114.                                     </div>
  115.                                     <div class="col-12">
  116.                                         <div class="row justify-content-end">
  117.                                             <div class="col-12 pt-4 text-end">
  118.                                                 <button type="button" class="btn btn-secondary button-filter-drop-down filter-button"
  119.                                                         data-category="industry">
  120.                                                     {{ 'USER_ZONE.HOME_PAGE.BUTTON_DROPDOWN_FILTER'|trans }}
  121.                                                 </button>
  122.                                             </div>
  123.                                         </div>
  124.                                     </div>
  125.                                 </div>
  126.                             </div>
  127.                         </div>
  128.                         <div class="btn-group d-inline col-auto position-static text-no-wrap">
  129.                             <button type="button" class="filter__button fmx-md-3 btn" data-toggle="dropdown"
  130.                                     aria-haspopup="true"
  131.                                     aria-expanded="false">{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_2'|trans }} <span
  132.                                         class="lmx-1 count-select-location">{% if search_options is defined and search_options.countLocations is not null %}{{ '(' ~ search_options.countLocations ~ ')'|default }}{% endif %}</span>
  133.                             </button>
  134.                             <div class="dropdown-menu container dropdown-container position-absolute">
  135.                                 <div class="close-dropdown-button d-block d-md-none">
  136.                                     <img src="{{ asset('assets/img/x.svg') }}" alt="">
  137.                                 </div>
  138.                                 <div class="row location-row">
  139.                                     <div class="col-md-4 col-12">
  141.                                         {% if main_page_search.locations.1 is defined %}
  142.                                             {% for location in main_page_search.locations.1 %}
  144.                                                 <label data-nameslug="{{ location.nameSlug|default }}" for="{{ location.nameSlug|default ~ '-' ~ loop.index }}"
  145.                                                        class="dropdown-item filter-element{% if search_options is defined %}{% for industrySearchOptionChose in search_options.locations %}{{ industrySearchOptionChose|lower == location.nameSlug|lower ? ' active' }}{% endfor %}{% endif %}">{{ location.name|default }}</label>
  146.                                                 <input
  147.                                                         type="checkbox"
  148.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  149.                                                         id="{{ location.nameSlug|default ~ '-' ~ loop.index }}"
  150.                                                         name="filters[location][]"
  151.                                                         value="{{ location.nameSlug|default }}"
  152.                                                         data-category-element="location"
  153.                                                 >
  154.                                             {% endfor %}
  155.                                         {% endif %}
  156.                                     </div>
  157.                                     <div class="col-md-4 col-12">
  158.                                         {% if main_page_search.locations.2 is defined %}
  159.                                             {% for location in main_page_search.locations.2 %}
  160.                                                 <label data-nameslug="{{ location.nameSlug|default }}" for="{{ location.nameSlug|default ~ '-' ~ loop.index }}"
  161.                                                        class="dropdown-item filter-element{% if search_options is defined %}{% for industrySearchOptionChose in search_options.locations %}{{ industrySearchOptionChose|lower == location.nameSlug|lower ? ' active' }}{% endfor %}{% endif %}">{{ location.name|default }}</label>
  162.                                                 <input
  163.                                                         type="checkbox"
  164.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  165.                                                         id="{{ location.nameSlug|default ~ '-' ~ loop.index }}"
  166.                                                         name="filters[location][]"
  167.                                                         value="{{ location.nameSlug|default }}"
  168.                                                         data-category-element="location"
  169.                                                 >
  170.                                             {% endfor %}
  171.                                         {% endif %}
  172.                                     </div>
  173.                                     <div class="col-md-4 col-12">
  174.                                         {% if main_page_search.locations.3 is defined %}
  175.                                             {% for location in main_page_search.locations.3 %}
  176.                                                 <label data-nameslug="{{ location.nameSlug|default }}" for="{{ location.nameSlug|default ~ '-' ~ loop.index }}"
  177.                                                        class="dropdown-item filter-element{% if search_options is defined %}{% for industrySearchOptionChose in search_options.locations %}{{ industrySearchOptionChose|lower == location.nameSlug|lower ? ' active' }}{% endfor %}{% endif %}">{{ location.name|default }}</label>
  178.                                                 <input
  179.                                                         type="checkbox"
  180.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  181.                                                         id="{{ location.nameSlug|default ~ '-' ~ loop.index }}"
  182.                                                         name="filters[location][]"
  183.                                                         value="{{ location.nameSlug|default }}"
  184.                                                         data-category-element="location"
  185.                                                 >
  186.                                             {% endfor %}
  187.                                         {% endif %}
  189.                                         <select class="location-select box-filters" name="location" multiple="multiple"
  190.                                                 style="width:100%"></select>
  192.                                         <div class="row justify-content-end location_with_button_box bs_gutter_x_0">
  193.                                             <div class="col-12 d-flex text-end justify-content-end flex-wrap">
  194.                                                 <div class="custom-select box-location-tolerance col">
  195.                                                     <select id="locationTolerance" class="location-tolerance form-control">
  196.                                                         <option {% if search_options.locationTolerance is defined %}{% for locationTolerance in search_options.locationTolerance %}{{ locationTolerance == "0" ? 'selected'  : '' }}{% endfor %}{% endif %} value="0">+0 KM</option>
  197.                                                         <option {% if search_options.locationTolerance is defined %}{% for locationTolerance in search_options.locationTolerance %}{{ locationTolerance == "10" ? 'selected' : '' }}{% endfor %}{% endif %} value="10">+10 KM</option>
  198.                                                         <option {% if search_options.locationTolerance is defined %}{% for locationTolerance in search_options.locationTolerance %}{{ locationTolerance == "20" ? 'selected' : '' }}{% endfor %}{% endif %} value="20">+20 KM</option>
  199.                                                         <option {% if search_options.locationTolerance is defined %}{% for locationTolerance in search_options.locationTolerance %}{{ locationTolerance == "30" ? 'selected' : '' }}{% endfor %}{% else %} selected {% endif %} value="30">+30 KM</option>
  200.                                                         <option {% if search_options.locationTolerance is defined %}{% for locationTolerance in search_options.locationTolerance %}{{ locationTolerance == "50" ? 'selected' : '' }}{% endfor %}{% endif %} value="50">+50 KM</option>
  201.                                                         <option {% if search_options.locationTolerance is defined %}{% for locationTolerance in search_options.locationTolerance %}{{ locationTolerance == "100" ? 'selected' : '' }}{% endfor %}{% endif %} value="100">+100 KM</option>
  202.                                                     </select>
  203.                                                     <label for="locationTolerance" class="label-for-select custom-arrow "></label>
  204.                                                 </div>
  205.                                                 <button
  206.                                                         type="button"
  207.                                                         class="btn btn-secondary location_filter_button filter-button button-filter-drop-down"
  208.                                                         data-category="location">
  209.                                                     {{ 'USER_ZONE.HOME_PAGE.BUTTON_DROPDOWN_FILTER'|trans }}
  210.                                                 </button>
  211.                                             </div>
  212.                                         </div>
  213.                                     </div>
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                         <div class="btn-group d-inline col-auto position-static text-no-wrap">
  218.                             <button type="button" class="filter__button fmx-md-3 btn" data-toggle="dropdown"
  219.                                     aria-haspopup="true"
  220.                                     aria-expanded="false">{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_3'|trans }}<span
  221.                                         class="lmx-1 count-select-salary">{% if search_options is defined and search_options.countSalaries is not null and search_options.countSalaries >=1 %}{{ '(1)'|default }}{% endif %}</span>
  222.                             </button>
  223.                             <div class="dropdown-menu container dropdown-container position-absolute">
  224.                                 <div class="close-dropdown-button d-block d-md-none">
  225.                                     <img src="{{ asset('assets/img/x.svg') }}" alt="">
  226.                                 </div>
  227.                                 <div class="row align-items-end">
  228.                                     <div class="col-md-8 col-12">
  229.                                         <div class="row align-items-end">
  230.                                             <div class="col-md-8 col-12 salary-box-slider">
  231.                                                 <input type="text"  class="js-range-slider salary-checker" name="filters[][]" value=""/>
  232.                                                 <input type="hidden" class="input-price-from" id="price-from"
  233.                                                        name="filters[price-from][]" value=""/>
  234.                                                 <input type="hidden" class="input-price-to" name="filters[price-to][]"
  235.                                                        id="price-to" value=""/>
  236.                                             </div>
  237.                                             <div class="col-md-4 col-12">
  238.                                                 <div class="custom-select mt-3 mt-md-0">
  239.                                                     <select name="" id="currency-select"
  240.                                                             class="form-control salary-checker currency-select">
  241.                                                         <option value="">{{ 'USER_ZONE.HOME_PAGE.SELECT_CURRENCY_DROPDOWN_FILTER'|trans }}</option>
  242.                                                         <option {% if search_options.salaries.currency is defined %}{{ search_options.salaries.currency|lower == 'pln' ? 'selected' }}{% else %} selected {% endif %}
  243.                                                                 value="pln">PLN
  244.                                                         </option>
  245.                                                         <option {% if search_options.salaries.currency is defined %}{{ search_options.salaries.currency|lower == 'eur' ? 'selected' }}{% endif %}
  246.                                                                 value="eur">EUR
  247.                                                         </option>
  248.                                                         <option {% if search_options.salaries.currency is defined %}{{ search_options.salaries.currency|lower == 'usd' ? 'selected' }}{% endif %}
  249.                                                                 value="usd">USD
  250.                                                         </option>
  251.                                                         <option {% if search_options.salaries.currency is defined %}{{ search_options.salaries.currency|lower == 'gbp' ? 'selected' }}{% endif %}
  252.                                                                 value="gbp">GBP
  253.                                                         </option>
  254.                                                     </select>
  255.                                                     <label for="currency-select"
  256.                                                            class="label-for-select custom-arrow"></label>
  257.                                                 </div>
  258.                                             </div>
  259.                                         </div>
  260.                                     </div>
  261.                                     <div class="col-md-4 col-12">
  262.                                         <div class="custom-select mt-3 mt-md-0">
  263.                                             <select name="" id="contract-select" class="form-control salary-checker contract-select">
  264.                                                 <option value="">{{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_0'|trans }}</option>
  265.                                                 <option {% if search_options.salaries.type is defined %}{{ search_options.salaries.type == 'wszystkie'      ? 'selected' }}{% else %} selected {% endif %}
  266.                                                         value="wszystkie">       {{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_1'|trans }}</option>
  267.                                                 <option {% if search_options.salaries.type is defined %}{{ search_options.salaries.type == 'umowa_o_prace'  ? 'selected' }}{% endif %}
  268.                                                         value="umowa_o_prace">   {{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_2'|trans }}</option>
  269.                                                 <option {% if search_options.salaries.type is defined %}{{ search_options.salaries.type == 'umowa_o_dzielo' ? 'selected' }}{% endif %}
  270.                                                         value="umowa_o_dzielo">  {{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_3'|trans }}</option>
  271.                                                 <option {% if search_options.salaries.type is defined %}{{ search_options.salaries.type == 'umowa_zlecenie' ? 'selected' }}{% endif %}
  272.                                                         value="umowa_zlecenie">  {{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_4'|trans }}</option>
  273.                                                 <option {% if search_options.salaries.type is defined %}{{ search_options.salaries.type == 'b2b'            ? 'selected' }}{% endif %}
  274.                                                         value="b2b">             {{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_5'|trans }}</option>
  275.                                                 <option {% if search_options.salaries.type is defined %}{{ search_options.salaries.type == 'staz_praktyka'  ? 'selected' }}{% endif %}
  276.                                                         value="staz_praktyka">   {{ 'USER_ZONE.HOME_PAGE.SELECT_CONTRACT_DROPDOWN_FILTER_6'|trans }}</option>
  277.                                             </select>
  278.                                             <label for="contract-select" class="label-for-select custom-arrow"></label>
  279.                                         </div>
  280.                                     </div>
  281.                                     <div class="col-12">
  282.                                         <div class="row justify-content-end">
  283.                                             <div class="col-12 pt-4 text-end">
  284.                                                 <button type="button" class="btn btn-secondary filter-button button-filter-drop-down"
  285.                                                         data-category="salary">
  286.                                                     {{ 'USER_ZONE.HOME_PAGE.BUTTON_DROPDOWN_FILTER'|trans }}
  287.                                                 </button>
  288.                                             </div>
  289.                                         </div>
  290.                                     </div>
  291.                                 </div>
  292.                             </div>
  293.                         </div>
  294.                         <div class="btn-group d-inline col-auto position-static text-no-wrap">
  295.                             <button type="button" class="filter__button fmx-md-3 btn " data-toggle="dropdown"
  296.                                     aria-haspopup="true"
  297.                                     aria-expanded="false">{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_4'|trans }} <span
  298.                                         class="lmx-1 count-select-technology">{% if search_options is defined and search_options.countTechnologies is not null %}{{ '(' ~ search_options.countTechnologies ~ ')'|default }}{% endif %}</span>
  299.                             </button>
  300.                             <div class="dropdown-menu container dropdown-container position-absolute">
  301.                                 <div class="close-dropdown-button d-block d-md-none">
  302.                                     <img src="{{ asset('assets/img/x.svg') }}" alt="">
  303.                                 </div>
  304.                                 <div class="row technology-row">
  305.                                     <div class="col-md-4 row-technology-element-1 col-12"></div>
  306.                                     <div class="col-md-4 row-technology-element-2 col-12"></div>
  307.                                     <div class="col-md-4 row-technology-element-3 col-12">
  308.                                          <select class="technology-select box-filters" name="technology"
  309.                                                 multiple="multiple" style="width:100%"></select>
  310.                                     </div>
  311.                                     <div class="col-12">
  312.                                    
  313.                                         <div class="row justify-content-end">
  314.                                             <div class="col-12 pt-4 text-end">
  316.                                                 <button type="button" class="btn btn-secondary filter-button button-filter-drop-down"
  317.                                                         data-category="technology">
  318.                                                     {{ 'USER_ZONE.HOME_PAGE.BUTTON_DROPDOWN_FILTER'|trans }}
  319.                                                 </button>
  320.                                             </div>
  321.                                         </div>
  322.                                     </div>
  323.                                 </div>
  324.                             </div>
  325.                         </div>
  326.                         <div class="btn-group d-inline col-auto position-static text-no-wrap">
  327.                             <button type="button" class="filter__button fmx-md-3 btn" data-toggle="dropdown"
  328.                                     aria-haspopup="true"
  329.                                     aria-expanded="false">{{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_5'|trans }} <span
  330.                                         class="lmx-1">{% if search_options is defined and search_options.countAnother is not null %}{{ '(' ~ search_options.countAnother ~ ')'|default }}{% endif %}</span>
  331.                             </button>
  332.                             <div class="dropdown-menu container dropdown-container position-absolute ">
  333.                                 <div class="close-dropdown-button d-block d-md-none">
  334.                                     <img src="{{ asset('assets/img/x.svg') }}" alt="">
  335.                                 </div>
  336.                                 <div class="row another-row">
  337.                                     <div class="col-md-4 another-row-1 col-12">
  338.                                         {% if main_page_search.another.1 is defined %}
  339.                                             {% for another in main_page_search.another.1 %}
  340.                                                 <label data-nameslug="{{ get_slug(app.request.locale == "pl" ? another.plName|default(another.slugName) : another.enName|default(another.slugName) ) }}" for="{{ another.slugName|default ~ '-' ~ loop.index }}"
  341.                                                        class="dropdown-item filter-element{% if search_options is defined %}{% for industrySearchOptionChose in search_options.another %}{{ industrySearchOptionChose|lower == another.slugName|lower ? ' active' }}{% endfor %}{% endif %}">
  342.                                                     {% if app.request.locale == 'pl' %}
  343.                                                         {{ another.plName != '' ? another.plName|default : another.enName|default }}
  344.                                                     {% else %}
  345.                                                         {{ another.enName != '' ? another.enName|default : another.plName|default }}
  346.                                                     {% endif %}
  347.                                                 </label>
  348.                                                 <input
  349.                                                         type="checkbox"
  350.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  351.                                                         id="{{ another.slugName|default ~ '-' ~ loop.index }}"
  352.                                                         name="filters[another][]"
  353.                                                         value="{{ another.slugName|default }}"
  354.                                                         data-category-element="another"
  355.                                                 >
  356.                                             {% endfor %}
  357.                                         {% endif %}
  358.                                     </div>
  359.                                     <div class="col-md-4 another-row-2 col-12">
  360.                                         {% if main_page_search.another.2 is defined %}
  361.                                             {% for another in main_page_search.another.2 %}
  362.                                                 <label data-nameslug="{{ get_slug(app.request.locale == "pl" ? another.plName|default(another.slugName) : another.enName|default(another.slugName) ) }}" for="{{ another.slugName|default ~ '-' ~ loop.index }}"
  363.                                                        class="dropdown-item filter-element{% if search_options is defined %}{% for industrySearchOptionChose in search_options.another %}{{ industrySearchOptionChose|lower == another.slugName|lower ? ' active' }}{% endfor %}{% endif %}">
  364.                                                     {% if app.request.locale == 'pl' %}
  365.                                                         {{ another.plName != '' ? another.plName|default : another.enName|default }}
  366.                                                     {% else %}
  367.                                                         {{ another.enName != '' ? another.enName|default : another.plName|default }}
  368.                                                     {% endif %}
  369.                                                 </label>
  370.                                                 <input
  371.                                                         type="checkbox"
  372.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  373.                                                         id="{{ another.slugName|default ~ '-' ~ loop.index }}"
  374.                                                         name="filters[another][]"
  375.                                                         value="{{ another.slugName|default }}"
  376.                                                         data-category-element="another"
  377.                                                 >
  378.                                             {% endfor %}
  379.                                         {% endif %}
  380.                                     </div>
  381.                                     <div class="col-md-4 another-row-3 col-12">
  382.                                         {% if main_page_search.another.3 is defined %}
  383.                                             {% for another in main_page_search.another.3 %}
  384.                                                 <label data-nameslug="{{ get_slug(app.request.locale == "pl" ? another.plName|default(another.slugName) : another.enName|default(another.slugName) ) }}" for="{{ another.slugName|default ~ '-' ~ loop.index }}"
  385.                                                        class="dropdown-item filter-element{% if search_options is defined %}{% for industrySearchOptionChose in search_options.another %}{{ industrySearchOptionChose|lower == another.slugName|lower ? ' active' }}{% endfor %}{% endif %}">
  386.                                                     {% if app.request.locale == 'pl' %}
  387.                                                         {{ another.plName != '' ? another.plName|default : another.enName|default }}
  388.                                                     {% else %}
  389.                                                         {{ another.enName != '' ? another.enName|default : another.plName|default }}
  390.                                                     {% endif %}
  391.                                                 </label>
  392.                                                 <input
  393.                                                         type="checkbox"
  394.                                                         class="custom-control-input invisible-checkbox filter-checkbox"
  395.                                                         id="{{ another.slugName|default ~ '-' ~ loop.index }}"
  396.                                                         name="filters[another][]"
  397.                                                         value="{{ another.slugName|default }}"
  398.                                                         data-category-element="another"
  399.                                                 >
  400.                                             {% endfor %}
  401.                                         {% endif %}
  402.                                     </div>
  405.                                     {% if lvl_jobs is defined and lvl_jobs is not null %}
  406.                                     <div class="col-md-4 col-12">
  407.                                         <div class="custom-select mt-3 mt-md-0"{% if show_job_level_select is not null and show_job_level_select != ''%}{% if show_job_level_select.canShow == false %} style="display:none"{% endif %}{% endif %}>
  408.                                             <select name="" id="select-job-level" class="job-level-select form-control another-select">
  409.                                                 <option value="" selected>{{ 'USER_ZONE.HOME_PAGE.FIRST_VALUE_SELECT_JOB_LEVEL'|trans }}</option>
  410.                                                 {% for lvl in lvl_jobs %}
  411.                                                     <option value="{{ lvl.slug|default('') }}" data-id="{{ lvl.id|default('') }}">{{ lvl.name|default() }}</option>
  412.                                                 {% endfor %}
  413.                                             </select>
  414.                                             <label for="select-job-level" class="label-for-select custom-arrow"></label>
  415.                                         </div>
  416.                                     </div>
  417.                                     {% endif %}
  419.                                     <div class="col-12">
  420.                                         <div class="row justify-content-end">
  421.                                             <div class="col-12 pt-4 text-end">
  422.                                                 <button type="button" class="btn btn-secondary filter-button button-filter-drop-down"
  423.                                                         data-category="another">
  424.                                                     {{ 'USER_ZONE.HOME_PAGE.BUTTON_DROPDOWN_FILTER'|trans }}
  425.                                                 </button>
  426.                                             </div>
  427.                                         </div>
  428.                                     </div>
  429.                                 </div>
  430.                             </div>
  431.                         </div>
  432.                         <div class="btn-group d-inline col-auto position-static">
  433.                             <button type="button" class="filter__button cancel_button clear-all-filters-search btn btn-outline-dark text-nowrap clear-filters-button">
  434.                                 {{ 'USER_ZONE.HOME_PAGE.BUTTON_FILTER_6'|trans }}
  435.                             </button>
  436.                         </div>
  437.                     </ul>
  438.                 </div>
  439.             </div>
  440.             </ul>
  441.         </div>
  442.     </div>
  443.     </div>
  444. </section>