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

{% block title %}Problèmes de connexion ?{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 col-lg-6 order-2 order-lg-1 bg-login p-5 text-center">
            <img src="{{ asset('images/Hextra-bg-transparent.svg') }}" alt="Logo Hans & associés" class="img-fluid mb-4 mt-md-5 d-none d-lg-block">
            <h1 class="h3 mb-3 text-white font-weight-normal">Problèmes de connexion ?</h1>
            <hr class="text-white">
            <p class="text-white">
                En cas de problème de connexion, renseignez le formulaire ci-contre et nous reviendrons rapidement vers vous !
            </p>
        </div>
        <div class="col-12 col-lg-6 order-1 order-lg-2 p-5">
            <img src="{{ asset('images/Hextra.svg') }}" alt="Logo Hans & associés" class="img-fluid mb-4 mt-md-5 d-block d-lg-none">
            <h2 class="h3 mb-3 font-weight-normal text-uppercase text-primary text-center fst-italic mt-md-5">Remonter un problème</h2>
            {{ form(form) }}
            <p class="mt-2">
                <a href="{{ path('app_login') }}" class="btn btn-grey btn-fw">Retour à la page de connexion</a>
            </p>
        </div>
    </div>

{% endblock %}