{{ extends "global/Page.html" }}
{# Hier werden die besten Argumente gewählt #}

{{ block content }}

<style>
    div.solid {
        border-style: solid;
        padding: 15px;
    }
</style>

<div id = "all">
    <div>
        <h1>Bitte geben Sie an, welches der Argumente Sie am besten finden!</h1><br><br>
        {{ for p in group.get_players }}

                <div class = "solid row" style = "margin-left: 0px; margin-right: 0px;">

                        <div class = "col-10"><b>Player {{ p.GroupRank }}: </b>{{ p.AVote_AckArg }}</div>
                        <div class = "col-2" style = "text-align: right;">
                                {{ if p.GroupRank != player.GroupRank }}
                                    {{ if p.GroupRank == 1 }}
                                        <button name="AVote_ArgBest_1" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ elif  p.GroupRank == 2 }}
                                        <button name="AVote_ArgBest_2" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ elif  p.GroupRank == 3 }}
                                        <button name="AVote_ArgBest_3" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ elif  p.GroupRank == 4 }}
                                        <button name="AVote_ArgBest_4" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ else }}
                                        <button name="AVote_ArgBest_5" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ endif }}
                                {{ else }}
                                    Ihr eigenes Argument können Sie nicht bewerten!
                                {{ endif }}
                            </div>
                            <br>

                </div>
                <div class = "row">&nbsp;</div>
        {{ endfor }}
    </div>
</div>


{{ endblock }}