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

{% block title %}Accueil | Tableau de bord KAZ{% endblock %}

{% block body %}
    <div class="mt-8 p-6 bg-white rounded-lg shadow-md border border-gray-200">
        <h1 class="text-3xl font-bold mb-4">Bienvenue sur ton tableau de bord KAZ </h1>

        {# Vérification si un utilisateur est connecté #}
        {% if app.user %}
            <div class="p-4 bg-green-100 text-green-800 rounded mb-4">
                <p class="font-semibold">Succès ! Tu es connecté avec l'adresse :</p>
                <p class="text-xl">{{ app.user.userIdentifier }}</p>
            </div>

            <p class="mt-4">
                <a href="{{ path('app_logout') }}" class="inline-block px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700">
                    Se déconnecter
                </a>
            </p>
        {% else %}
            <p class="mb-4">Tu n'es pas encore connecté à ton espace.</p>
            <a href="{{ path('app_login') }}" class="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
                Aller à la page de connexion
            </a>
        {% endif %}
    </div>
{% endblock %}