{{ 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 String(this);
                } else {
                    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>

<!-- Content -->
<div id = "all">
<DIV class="container" style = "max-width: 50%; text-align: center; margin-right: auto; margin-left: auto;">
    {{ if group.found_new_distribution_corr == 1 }}
        <div style = "text-align: left;">
            Folgende Verteilung wurde mehrheitlich gewählt: <br>
            <p class="starttokeninfo_indiscontainer">(In den Klammern sehen Sie das Startkapital der Player{{ if group.REDIS == 1 }} nach Abzug ihrer Beiträge) {{ else }}){{ endif }}</p>
            <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 }}
        {{ if group.REDIS == 0 }}
            <div>
                Sie haben sich auf keine gemeinsame Verteilung geeinigt.
            </div>
        {{ elif group.REDIS == 1 }}
            <div>
                Sie haben sich auf keine gemeinsame Verteilung geeinigt.
            </div>
        {{ endif }}
    {{ endif }}
    <br><br><br>
    {{ next_button }}
</div>
</div>



{{ endblock }}