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

{% block title %}Liste des propositions{% endblock %}

{% block body %}



    <div class="container">

        <div class="description">
            {% if demotis and demotis.id != 1 %}
                {{demotis.description}}
            {% else %}
                Bienvenue sur <strong>Democratos</strong>, la plateforme citoyenne où chaque voix compte.  
                Ici, vous pouvez découvrir les propositions en cours, voter pour ou contre, et participer activement au débat démocratique.
            {% endif %}
        </div>

 

        <div style="text-align:center"><a class="btn proposition-btn" href="{{ path('proposition_add', {'demotis_id' : demotis.id}) }}"> Créer une nouvelle proposition </a></div><br />
        
        <div class="sort-select">
        <label for="sort">Trier par :</label>
        <select id="sort" name="sort">
            <option value=" {{ path('proposition_list', {'sort' : 1, 'demotis_id' : demotis.id}) }} "
                {% if sort == 1 %}selected{% endif %}>
                Propositions les mieux votées
            </option>
            <option value=" {{ path('proposition_list', {'sort' : 3, 'demotis_id' : demotis.id}) }} "
                {% if sort == 3 %}selected{% endif %}>
                Propositions les plus récentes</option>
            <option value=" {{ path('proposition_list', {'sort' : 2, 'demotis_id' : demotis.id}) }} "
                {% if sort == 2 %}selected{% endif %}>
                Propositions les plus actives
            </option>
        </select>
        </div>

        {% for proposition in proposition_list %}   
        <div class="proposition">
            {% set diviseur = proposition.voteyes + proposition.voteno > 0 ? proposition.voteyes + proposition.voteno : 1 %}
            <h2><a href="{{ path('proposition_show', {'proposition_id' : proposition.id, 'demotis_id' : demotis.id} ) }}"> {{ proposition.title }} </a></h2>
            <div class="bar">
                <div class="pour" style="width:{{ 100 * proposition.voteyes / diviseur  }}%">{{ proposition.voteyes }}</div>
                <div class="contre" style="width:{{ 100 * proposition.voteno / diviseur   }}%">{{ proposition.voteno }}</div>
            </div>
        </div>
        {% else %}
                   
        {% endfor %}
    </div>
{% endblock %}