{% extends 'layouts/front_layout.html.twig' %}

{% block title %}Action impossible - Luxim Immobilier
{% endblock %}

{% block body %}
	<div class="flex min-h-[70vh] items-center justify-center bg-slate-50 p-4">
		<div class="text-center px-4">
			<div class="mb-6 inline-flex h-20 w-20 items-center justify-center rounded-full bg-slate-200 text-slate-600">
				<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
					<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
				</svg>
			</div>

			<h2 class="mb-4 text-2xl font-bold text-slate-800">Votre session a peut-être expiré</h2>

			<p class="mb-8 max-w-sm mx-auto text-slate-500">
				La requête n'a pas pu aboutir. Cela arrive souvent si vous êtes resté inactif trop longtemps.
			</p>

			<a href="{{ app.request.headers.get('referer') ?: path('app_home') }}" class="inline-flex items-center gap-2 rounded-xl border-2 border-slate-900 px-8 py-3 font-heading font-bold text-slate-900 transition-all hover:bg-slate-900 hover:text-white">
				Rafraîchir et réessayer
			</a>
		</div>
	</div>
{% endblock %}