{% 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>


<form method="post" action="/override/" height="90%">
    <select onchange="change_override(this.value, data)" name="config">
        <option id="-1" value="-1" selected>Select a config</option>
        {% 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%">daily</td>
            <td width="14%">pc</td>
            <td width="14%">mobile</td>
        </tr>
        {% for i in range(0,5) %}
        <tr heigh="15%">
            <td id="compte_{{i+1}}"></td>
            <td id="{{i+1}}1" style="visibility: hidden;"><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="unban"></td>
            <td id="{{i+1}}2" style="visibility: hidden;"><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="tout"></td>
            <td id="{{i+1}}3" style="visibility: hidden;"><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="daily"></td>
            <td id="{{i+1}}4" style="visibility: hidden;"><input type="checkbox" id="compte_{{i+1}}" value="{{i}}" name="pc"></td>
            <td id="{{i+1}}5" style="visibility: hidden;"><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 %}