{% extends "base.html" %}
{% block left_pannel %}override{% endblock %}

{% block content %}

{%if not current_user.is_authenticated %}
    <button class="unselected" onclick="location.href = '/login';">login</button>
{% else %}
<script>data = JSON.parse('{{configs|tojson}}'); </script>

<script>

function change_override(value, data) {
    for (let i = 1; i < 6; i++) {
        document.getElementById("compte_"+ i).innerHTML = data[parseInt(value)]['accounts'][i]["mail"];
    }
}
</script>
<form method="post" action="/override/" height="90%">
    <select onchange="change_override(this.value, data)" name="config">
        {% for i in configs %}
        <option id="{{configs[i]['name']}}" value="{{i}}">{{configs[i]['name']}}</option>
        {% endfor %}
    </select>
    <table height="90%" class="lines">
        <tr>
            <td width="30%">name</td>
            <td width="14%">Unban</td>
            <td width="14%">tout</td>
            <td width="14%">pc</td>
            <td width="14%">mobile</td>
            <td width="14%">log points</td>
        </tr>
        {% for i in range(0,5) %}
        <tr heigh="15%">
            <td id="compte_{{i}}"></td>
            <td><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="unban"></td>
            <td><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="tout"></td>
            <td><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="daily"></td>
            <td><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="pc"></td>
            <td><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="mobile"></td>
        </tr>
        {% endfor %}
        
    </table>
    
    <input type="submit" name="VNC" id="submit" value="Start" class="confirm" style="width:60%;"/>
</form>
{% endif %}
{%endblock %}