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

{% block title %}Account Blocked
{% endblock %}

{% block body %}
	<main>
		<section class="vh-100 d-flex align-items-center justify-content-center">
			<div class="container card card-body">
				<div class="row">
					<div class="col-12 text-center d-flex align-items-center justify-content-center">
						<div>
							<img class="img-fluid" src="{{ asset('images/disabled_account.svg') }}" alt="disabled account">
							<h1 class="mb-0">Account blocked</h1>
							<p class="text-danger">
								{% if user.isPermanentlyBlocked %}
									Your account is blocked indefinitely.
								{% else %}
									Your account is blocked until:
									{{ user.blockedUntil|dtz }}.
								{% endif %}
							</p>
							<a href="{{ path('app_logout') }}" class="btn btn-gray-800 d-inline-flex align-items-center justify-content-center mb-4">
								Logout
								<svg class="icon icon-xs ms-2" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
								</svg>
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
	</main>
{% endblock %}