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

{% block main %}
	<div {{ stimulus_controller('index') }} class="d-flex justify-content-center">
		<div class="w-75">
			<h1 class="text-white">Search</h1>

			<div class="mt-3">
				<input
					{{ stimulus_target('index', 'searchInput') }}
					data-ajax-url="{{ path('search') }}"
					type="text"
					name="search"
					class="w-100 form-control p-4"
				>
			</div>

			<div class="mt-4 search-results" {{ stimulus_target('index', 'searchResults') }}></div>
		</div>
	</div>
{% endblock %}