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

{% block body %}


<section class="home" >
<div class="overlay">

<div class="home-content">
    <h1>Démocrasite</h1>

    <p>La démocratie participative est une forme de partage et d'exercice du pouvoir</p>
     <p>Démocrasite vous permet de crée vos proposition et participer dans des groupe pour donner votre avis sur différent sujet</p>

    <p>
    Faite vous entendre !</p>
</div>
</div>
</section>

{% if app.user %}




<br><br><br><br>

<h2>Vos groupe</h2> <br> <br>
<a href="{{path('groupe_create') }}" class="btn btn-info ">Créer un groupe</a> 
<br> <br>

{% for groupe in app.user.groupes %}

<article>
    <div class="card text-white bg-success mb-3" style="max-width: 20rem;">
        <div class="card-header">{{ groupe.titreGroupe }}</div>
        <div class="card-body">
            <p class="card-text">{{ groupe.descGroupe }}</p><br>
        </div>

        <a href="{{path('GroupeProposition', {'id': groupe.id }) }}" type="button" class="btn btn-primary">Voir
            Propositions</a>
        {% if app.user == groupe.admin %}
        <a href="{{path('groupe_delete', {'id': groupe.id }) }}" type="button" class="btn btn-danger">SUPPRIMER le
            groupe</a>

        <a href="{{path('GroupeUser', {'id': groupe.id }) }}" class="btn btn-warning"> [ADMIN] Gerer le groupe</a>
        {% else %}
        <a href="{{path('groupe_quitter', {'id': groupe.id }) }}" type="button" class="btn btn-danger">Quitter le
            Groupe</a>
        {% endif %}

    </div>
</article>

{% endfor %}

{% else %}


<form action="{{ path('security_login') }}" id="button" >
         <input type="submit" name="submit" value="Connexion" id="submit" />
      </form>


{% endif %}

{% endblock %}