{% extends 'layout-front.html.twig' %}

{% block extendsstylesheet %}{% endblock %}

{% block header %}
	<div class="page-header" style="">
		<div class="container">
			<div class="sub-title">
				<h2>Recherche</h2>
				<h1>Avancée</h1>
			</div>
		</div>
		<div class="header-image">
			<img src="/public/assets/img/background-categories.png" style="width:100%;"/>
		</div>
	</div>
{% endblock %}

{% block content %}
	
	<ul class="nav nav-tabs" id="myTab">
		<li class="nav-item">
			<a href="{{ url_for('recherche_simple_display') }}" class="nav-link">Recherche simple</a>
		</li>
		<li class="nav-item">
			<a href="#search_panel" class="nav-link active" data-bs-toggle="tab">Recherche multi-critères</a>

		</li>
	</ul>
	<div class="tab-content">{{dump(arrAdvancedSearchFields)}}
		<div class="tab-pane fade show active" id="search_panel">

			<form id="form_recherche_avancee" name="form_recherche_avancee" method="post">


				<select name="add_field" id="add_field" class="form-control">
				</select>

				field_list
				<div id="field_list">

				</div>

				<div class="input-group mb-3">
					
					<button class="btn btn-primary" type="button" id="recherche_avancee_submit">Rechercher</button>
				</div>


			</form>

		</div>

	</div>

{% endblock %}

{% block extendsjavascript %}
	<script src="{{ assets('js/front/search/SearchAvancee.js') }}"></script>
{% endblock %}