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

{% block title %}{{ parent() }} - Connexion{% endblock %}

{% block header %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/login/main.css') }}">
{% endblock %}

{% block body %}
    {% if (msg is defined and msg is not empty) %}
        <div class="row">
            <div class="col alert alert-danger margin-top-1">{{ msg }}</div>
        </div>
    {% endif %}

    <!-- Formulaire d'autentification -->
    <div class="split left"></div>
    <div class="split right">
        <div class="login-container">
            <img src="{{ asset('img/logo.png') }}" alt="Ma Gestion" class="logo"/>
            <div class="text-container">
                <p>Bienvenue</p>
            </div>
            <div class="connexion-container">
                <a class="btn btn-light font-weight-bold rounded-pill connexion" href="{{ lienGoogle }}">
                    Connexion avec Google
                </a>
            </div>
        </div>
    </div>
{% endblock %}