{% extends "@EasyAdmin/page/content.html.twig" %}
{% block content %}
	<div>
		<h1>Tableau de bord Kerene's Tour</h1>
		<div>
			<div class="row">
				<form method="post" action="">
					<div class="input-group">
						<div class="input-group-prepend">
							<label for="fromDate" class="form-label">
								Du :
							</label>
							<input type="date" class="form-input" id="fromDate" name="fromDate" value="{{ fromDate|date('Y-m-d') }}">
						</div>
						<div class="col-2">
							<label for="toDate" class="form-label">
								&nbsp;Au :
							</label>
							<input type="date" class="form-input" id="toDate" name="toDate" value="{{ toDate|date('Y-m-d') }}">
						</div>
						<div class="input-group">
							<label for="companies" class="form-label">Sélectionner les compagnies :
							</label>
							<div class="input-group-prepend">
								<select data-model="companies" multiple id="companies[]" name="companies[]" {{ stimulus_controller('symfony/ux-autocomplete/autocomplete') }}>
									{% for company in companies %}
										{% if company.id in postcompanies %}
											{% set selected = 'selected' %}
										{% else %}
											{% set selected = '' %}
										{% endif %}
										<option value="{{ company.id }}" {{ selected }}>{{ company.name }}</option>
									{% endfor %}
								</select>
								<button type="submit" value="submit">Valider</button>
							</div>

						</div>

					</div>
				</form>
			</div>
			<hr>
			<div style=" min-height: 400px;">
				{{ render_chart(chart) }}
			</div>
		</div>
	</div>
{% endblock %}
{% block body_javascript %}
	{{ encore_entry_script_tags('app') }}
{% endblock %}