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

{% block title %}Affichage démotis{% endblock %}

{% block body %}

    <div class="container">  
        {% for msg in app.flashes('notice') %}

            <div
            {% if app.flashes('valide-vote')[0] %}
                class="flash flash-green"
            {% else %}
                class="flash flash-red"
            {% endif %}
            >
                <strong><u>Message :</u></strong> {{ msg }}
            </div>
        {% endfor %}

        <div class="proposition">
            <h2>{{ proposition.title }} </h2>
            <p>{{ proposition.text }} </p>

            {% set diviseur = proposition.voteyes + proposition.voteno > 0 ? proposition.voteyes + proposition.voteno : 1 %}
            <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>
            <br />
            <form action="{{ path('voter', {demotis_id : demotis.id, proposition_id : proposition.id}) }}" method="post">

                <div class="g-recaptcha" data-sitekey="6LdptywsAAAAAJGsHhR4AUlnib-mC5tJJzPTU4z9"></div>
                <div class="vote-buttons">
                    <button type="submit" name="vote-btn" value="yes" class="vote-yes-btn">✔ Voter Pour</button>
                    <button type="submit" name="vote-btn" value="no"  class="vote-no-btn">✘ Voter Contre</button>
                </div>

             </form>

            <div class="comments">
                <h3>Commentaires :</h3>


                <br />
                {% for comment in comments %}   
                    <div class="comment"><strong>{{comment.author}} :</strong> {{comment.comment}}</div>
                {% else %}
                    Pas de commentaire pour le moment.
                    <br />
                {% endfor %}
                <br />
               
                {{ form_start(form) }}
                    <label for="auteur">Auteur</label>
                    {{ form_widget(form.author) }}

                    <label for="commentaire">Votre commentaire</label>
                    {{ form_widget(form.comment) }}
                
                    <button type="submit" class="btn submit-btn">Publier</button>
                    {{ form_rest(form) }}
                {{ form_end(form) }}

            </div>
        </div>



    </div>    

{% endblock %}