{{ extends "global/Page.html" }}

{# Hier werden die besten Argumente gewählt #}

{{ block content }}

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

<!-- Content -->
<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">
                    <div class="row">
                        <div class = "col-10"><b>Player {{ p.GroupRank }}: </b>{{ p.YesNoArg_BVote }}</div>
                        <div class = "col-2" style = "text-align: right;">
                                {{ if p.GroupRank != player.GroupRank }}
                                    {{ if p.GroupRank == 1 }}
                                        <button name="BVote_ArgBest_1" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ elif  p.GroupRank == 2 }}
                                        <button name="BVote_ArgBest_2" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ elif  p.GroupRank == 3 }}
                                        <button name="BVote_ArgBest_3" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ elif  p.GroupRank == 4 }}
                                        <button name="BVote_ArgBest_4" value="True" class="btn btn-secondary btn-large" type="submit">Bestes Argument</button>
                                    {{ else }}
                                        <button name="BVote_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>
        <div class = "row">&nbsp;</div>
        {{ endfor }}
    </div>
</div>

{{ endblock }}