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

{% block body %}
<article class="error-page error-page--500">
	<div class="error-page__bg" aria-hidden="true">
		<img src="/assets/images/home/012.webp" alt="">
	</div>
	<div class="error-page__content">
		<span class="error-page__number" aria-hidden="true">500</span>
		<h1 class="error-page__title">{{ 'pages.error-500.title' | trans }}</h1>
		<p class="error-page__message">{{ 'pages.error-500.message' | trans }}</p>
		<a href="/" class="error-page__cta">
			<span>{{ 'pages.error-500.cta' | trans }}</span>
			<i class="fa-thin fa-house" aria-hidden="true"></i>
		</a>
	</div>
	{% if htmlError %}
	<div class="error-page__debug">{{ htmlError | raw }}</div>
	{% endif %}
</article>
{% endblock %}