{% set name_defined = name is defined and name | length > 0 %}
{% set city_defined = city is defined and city | length > 0 %}
{% set address_defined = address is defined and address | length > 0 %}
{% set cat_defined = categoryArray is defined and categoryArray | length > 0 %}
{% set open_filters = app.request.query.get('open') == 1 %}
{% if getAllCategories is not defined %}
{% set getAllCategories = getParentCategories() %}
{% endif %}
{% if form_mode is not defined %}
{% set form_mode = true %}
{% endif %}
<a href="#navbarSearchAttraction" class="btn btn-light m-3 d-sm-block d-md-none" data-bs-toggle="collapse">
<span class="fa fa-filter"></span>
{{ filter_title ?? 'Filtrer' }}
<span class="fa fa-chevron-{{ open_filters ? 'up':'down' }}"></span>
</a>
<div class="collapse {{ open_filters ? 'show':'' }} d-md-block" id="navbarSearchAttraction">
{% if form_mode and (name_defined or city_defined or address_defined or cat_defined) %}
{% set route_name = app.request.attributes.get('_route') %}
{% set params = app.request.query.all | merge({'open': 1}) %}
<div class="w-100 p-3 bg-white mb-2" style="box-shadow: 0 0 15px 1px #e3e3e3; border-radius: 10px;">
{% if name_defined %}
<a href="{{ path(route_name, params | merge({'name':''})) }}"
class="btn btn-light badge text-dark fs-6">
<i class="fa fa-times"></i>
{{ name }}
</a>
{% endif %}
{% if city_defined %}
<a href="{{ path(route_name, params | merge({'city':''})) }}"
class="btn btn-light badge text-dark fs-6">
<i class="fa fa-times"></i>
{{ city }}
</a>
{% endif %}
{% if address_defined %}
<a href="{{ path(route_name, params | merge({'address':''})) }}"
class="btn btn-light badge text-dark fs-6">
<i class="fa fa-times"></i>
{{ address }}
</a>
{% endif %}
{% if cat_defined %}
{% for cat in categoryArray %}
<a href="{{ path(route_name, params | merge({'categoryId':categoryArray | filter((v, k) => v != cat) | join(',')})) }}"
class="btn btn-light badge text-dark fs-6">
<i class="fa fa-times"></i>
{{ cat | category_name }}
</a>
{% endfor %}
{% endif %}
</div>
{% endif %}
<div class="w-100 p-3 bg-white" style="box-shadow: 0 0 15px 1px #e3e3e3; border-radius: 10px;">
<p class="mb-0">
<a class="d-block" data-bs-toggle="collapse" href="#search_by_category" role="button" aria-expanded="false"
aria-controls="collapseExample">
<span class="fa-lg mb-5" style="font-weight: 700;">Filtrer par Catégories</span>
<i class="fa fa-chevron-up"></i>
</a>
</p>
<div class="collapse show" id="search_by_category">
{% if form_mode %}
<a href="#" onclick="refreshSearchWindow(event)" class="btn btn-primary mt-3"
style="background-color: #BF2976; border: #941958;">
<i class="far fa-search"></i> Affiner la recherche
</a>
{% endif %}
{% for category in getAllCategories %}
<div class="form-check mt-3">
{% set show_cat = '' %}
{% set coll_suf = 'down' %}
{% if areCategoriesContained(category, categoryArray) %}
{% set show_cat = 'show' %}
{% set coll_suf = 'up' %}
{% endif %}
{% if form_mode %}
<input class="form-check-input" type="checkbox"
value="{{ category.id }}" {{ category.id in categoryArray ? 'checked': '' }}
onclick="selectedCategory({{ category.id }})"/>
<a href="#cat{{ category.id }}" class="form-check-label text-dark" style="font-weight: 700"
data-bs-toggle="collapse">
{{ category.name }}
<i class="fa fa-chevron-{{ coll_suf }}"></i>
</a>
{% else %}
<a href="{{ path('app_coin_by_category', {'category': category.id, 'name': category.slug }) }}"
style="font-weight: 700" class="text-dark">
{{ category.name }}
</a>
<a href="#cat{{ category.id }}" class="text-dark" style="font-weight: 700"
data-bs-toggle="collapse">
<i class="fa fa-chevron-{{ coll_suf }}"></i>
</a>
{% endif %}
<div class="collapse {{ show_cat }}" id="cat{{ category.id }}" style="padding-left: 30px;">
{% for subCat in category.categories %}
{% if form_mode %}
<input class="form-check-input" type="checkbox" value="{{ subCat.id }}"
data-parent="{{ category.id }}"
{{ subCat.id in categoryArray ? 'checked': '' }}
onclick="selectedCategory({{ subCat.id }})"/>
<label class="form-check-label" style="font-weight: 400">{{ subCat.name }}</label>
<br>
{% else %}
<a href="{{ path('app_coin_by_category', {'category': subCat.id, 'name': subCat.slug }) }}"
class="text-dark">
{{ subCat.name | title }}
</a>
<br>
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
{% if form_mode %}
<a href="#" onclick="refreshSearchWindow(event)" class="btn btn-primary mt-3"
style="background-color: #BF2976; border: #941958;">
<i class="far fa-search"></i> Affiner la recherche
</a>
{% endif %}
</div>
</div>
</div>