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

{% block title %}Disabled account!{% 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 w-75" src="{{ asset('images/disabled_account.svg') }}" alt="disabled account">
                            <h1 class="mt-0">Your account has been disabled</h1>
                            <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 %}