{% extends 'Search/base.html.twig' %}

{% set showExtended = false %}
{% set searched = false %}
{% for child in searchForm.children %}
	{% if child.vars.name != "_token" and child.vars.name != "type" and (child.vars.value != null and child.vars.value != 0)  %}
		{% set searched = true %}
		{% if child.vars.name != "search" %}
			{% set showExtended = true %}
		{% endif %}
	{% endif %}
{% endfor %}

{% block body %}
	{{ form_start(searchForm, {'attr': {'id': 'filter', 'class': 'min-w-sm-100 pt-5','novalidate':'novalidate'}}) }}
	<div class="row m-md-1">
		<div class="col-md-9 col-sm-12">
			<div class="d-flex">
				<div class="position-relative min-w-300px me-md-2">
					{% include 'Extentions/Icons/search.html.twig' with {'positionVertical' : 'top-35'} %}
					{{ searchForm.search|form_row(placeholder()) }}
				</div>
				<div class="min-w-350px me-md-2">
					{% include 'Includes/Form/submit.html.twig'  with { 'icon' : 'none', 'text' : 'app.global.buttons.search'|trans, 'id' : 'search_submit' } %}
					{% if true == searched %}
						{% include 'Extentions/Links/search_cancel.html.twig' with { route : path(app.request.attributes.get('_route'),{'id' : app.request.get('id'), 'instance' : app.request.get('instance')} )} %}
					{% endif %}
					{% if searchForm.children|length > 2 %}
						<a id="kt_horizontal_search_advanced_link" class="btn btn-link ms-1" data-bs-toggle="collapse" href="#kt_advanced_search_form">{{ 'app.global.buttons.search_advanced'|trans }}</a>
					{% endif %}
				</div>
				{% if searchForm.type is defined %}
					<div class="">{{ searchForm.type|form_radio_row('_styled') }}</div>
				{% endif %}
			</div>
		</div>
	</div>
	{% if searchForm.children|length > 2 %}
		<div class="collapse {% if true == showExtended %}show{% endif %} me-md-2" id="kt_advanced_search_form">
			<div class="separator separator-dashed mt-9 mb-6"></div>
			<div class="row ps-6 mb-8">
				{% if searchForm.period is defined %}
					<div class="col-3 position-relative">
						<a href="#" id="reset">
							{% include 'Extentions/Icons/times.html.twig' with {'positionVertical' : 'top-55', 'positionHorizontal' : 'right-5'} %}
						</a>
						{{ searchForm.period|form_row }}
					</div>
				{% endif %}
				{% if searchForm.orderSource is defined %}
					<div class="col-4">
						{{ searchForm.orderSource|form_radio_row('_styled') }}
					</div>
				{% endif %}
				{% if searchForm.status is defined %}
					<div class="col-3">
						{{ searchForm.status|form_row }}
					</div>
				{% endif %}
				{% if searchForm.enabled is defined %}
					<div class="col-3">
						{{ searchForm.enabled|form_radio_row('_styled') }}
					</div>
				{% endif %}
				{% if searchForm.new is defined %}
					<div class="col-3">
						{{ searchForm.new|form_radio_row('_styled') }}
					</div>
				{% endif %}
				{% if searchForm.franchise is defined %}
					<div class="col-3">
						{{ searchForm.franchise|form_row }}
					</div>
				{% endif %}
				{% if searchForm.shop is defined %}
					<div class="col-3">
						{{ searchForm.shop|form_row }}
					</div>
				{% endif %}
				{% if searchForm.source is defined %}
					<div class="col-3">
						{{ searchForm.source|form_row }}
					</div>
				{% endif %}
				{% if searchForm.licence is defined %}
					<div class="col-3">
						{{ searchForm.licence|form_radio_row('_styled') }}
					</div>
				{% endif %}
				{% if searchForm.categories is defined %}
					<div class="col-3">
						{{ searchForm.categories|form_row('_styled') }}
					</div>
				{% endif %}
				{% if searchForm.outOfStock is defined %}
					<div class="col-3">
						{{ searchForm.outOfStock|form_radio_row('_styled') }}
					</div>
				{% endif %}
			</div>
		</div>
	{% endif %}
	{{ form_end(searchForm) }}
{% endblock %}