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

{{ block scripts }}
<script>
    /* Den Teil brauche ich, damit Padstart funktioniert) */
    // https://github.com/uxitten/polyfill/blob/master/string.polyfill.js
    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart

    if (!String.prototype.padStart) {
        String.prototype.padStart = function padStart(targetLength, padString) {
            targetLength = targetLength >> 0; // truncate if number, or convert non-number to 0;
            padString = String(typeof padString !== 'undefined' ? padString : ' ');
            if (this.length >= targetLength) {
                // Return entered number if longer than target length
                return String(this);
            } else {
                // Add leading zeroes if number is smaller than target length
                targetLength = targetLength - this.length;
                if (targetLength > padString.length) {
                    padString += padString.repeat(targetLength / padString.length); //append to original to ensure we are longer than needed
                }
                return padString.slice(0, targetLength) + String(this);
            }
        };
    }

    function zeroPad(num, decimals) {
        /*  Round number to desired decimals and split it  */
        num = num.toFixed(decimals);
        splitnumber = num.toString().split(".");
        zahldavor = splitnumber[0];
        zahldanach = splitnumber[1];
        console.log(zahldavor, " " , zahldanach);

        /* Padding of number */
        var neuezahldavor = zahldavor.toString().padStart(2, "0");


        /* Return */
        if ({{ languageDE }} == 0) {
            return neuezahldavor +"." + zahldanach;
        } else {
            return neuezahldavor +"," + zahldanach;
        }
    }
</script>
<script>
    var adplayer1 = {{ Token1 }};
    var adplayer2 = {{ Token2 }};
    var adplayer3 = {{ Token3 }};
    var adplayer4 = {{ Token4 }};
    var adplayer5 = {{ Token5 }};

    console.log(adplayer1, "/", adplayer2, "/",adplayer3,"/", adplayer4, "/",adplayer5);

    document.getElementById("To1").innerHTML=zeroPad( adplayer1, 2);
    document.getElementById("To2").innerHTML=zeroPad( adplayer2, 2);
    document.getElementById("To3").innerHTML=zeroPad( adplayer3, 2);
    document.getElementById("To4").innerHTML=zeroPad( adplayer4, 2);
    document.getElementById("To5").innerHTML=zeroPad( adplayer5, 2);
</script>
{{ endblock }}

{{ block content }}

<style>
    DIV.container {
        padding-top: 30px;
        padding-bottom: 30px;
        vertical-align: middle;
    }
</style>

<div id = "all">
    <DIV class="container" style = "text-align: center;">
        {{ if group.found_new_distribution == 1 }}
            <div style = "text-align: left; margin-left: 20%;">
                Folgende Verteilung wurde mehrheitlich gewählt: <br>
                <span class = "starttokeninfo_indiscontainer">(In den Klammern sehen Sie das Startkapital der Player{{ if group.REDIS == 1 }} nach Abzug ihrer Beiträge) {{ else }}){{ endif }}</span>
                <br><br>
                {{ for p in group.get_players }}
                    Player {{ p.GroupRank|to0 }} ({{ p.StartToken|to0 }}&nbsp;Token):&nbsp;

                    {{ if p.GroupRank == 1 }}
                        &nbsp;&nbsp;<span id="To1"></span> Token<br>  <!-- Here extra spaces, because it is just a one digit StartToken -->
                    {{ elif p.GroupRank == 2 }}
                        <span id="To2"></span> Token<br>
                    {{ elif p.GroupRank == 3 }}
                        <span id="To3"></span> Token<br>
                    {{ elif p.GroupRank == 4 }}
                        <span id="To4"></span> Token<br>
                    {{ elif p.GroupRank == 5 }}
                        <span id="To5"></span> Token<br>
                    {{ endif }}
                {{ endfor }}
             </div>
        {{ else }}
            <div>
                Ihre Gruppe konnte keine Mehrheit für eine neue Verteilung der Token finden!
                <br>
                Sie haben {{ C.CHAT_TIME_DISTRIBUTION_CORRSEK }} Sekunden Zeit, um Ihre Angaben gegebenenfalls zu ändern!
            </div>
        {{ endif }}
        <br><br><br>
        {{ next_button }}
    </div>
</div>

{{ endblock }}