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

<table>
    <tr>
        <td>
            <button class="unselected" onclick="location.href = '/override';">override</button>
        </td>
    </tr>
    <tr>
        <td>
            <button class="unselected" onclick="location.href = '/config';">config</button>
        </td>  
    </tr>
    <tr>
        <td>
            <button class="unselected" onclick="location.href = '/discord';">discord</button>
        </td>
    </tr>
    <tr>
        <td>
            <button class="unselected" onclick="location.href = '/database';">database</button>
        </td>
    </tr>
    <tr>
        <td>
            <button class="unselected" onclick="location.href = '/proxy';">proxy</button>
        </td>  
    </tr>
    <tr>
        <td>
            <button class="unselected" onclick="location.href = '/grafana';">stats</button>
        </td>  
    </tr>
    <tr>
        <td>
            <button class="selected" onclick="location.href = '/settings';">settings</button>
        </td>
    </tr>
</table>
{% endblock %}

{% block content %}
{%if not current_user.is_authenticated %}
    <button class="unselected" onclick="location.href = '/login';">login</button>
{% else %}
<form method="post" action="/settings/">
    <table>
        <tr>
            <td class="comlumn-name">avatar url :</td>
            <td><input type="text" name="avatarlink" value="{{data['avatarlink']}}"></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit"  name="settings" id="submit" value="update" class="button"/>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            TODO
        </tr>
        <tr><td>reorder config</td></tr>
        <tr><td>real override</td></tr>
        <tr><td>ban button</td></tr>
        <tr><td>database truc</td></tr>
        <tr><td>pourquoi tout ne se lance pas bien ?</td></tr>
        <tr><td>logs viewer</td></tr>
    </table>
    <br>
    <table>
        <tr><h2>Backup config files</h2></tr>
        <tr><td><a href="/download/configs.json">download account config</a></td></tr>
        <tr><td><a href="/download/discord.json">download discord config</a></td></tr>
        <tr><td><a href="/download/flask.json">download flask config</a></td></tr>
        <tr><td><a href="/download/proxy.json">download proxy config</a></td></tr>
        <tr><td><a href="/download/settings.json">download settings</a></td></tr>
    
    </table>
</form>


<script>
    function addline(ligne){
        var lplus = parseInt(ligne) + 1;
        document.getElementById("table").insertRow(lplus).insertCell(0).innerHTML = '<input type="file" id="file' + lplus + '" name="file' + lplus + '" onchange="addline(' + lplus + ')">'
    }
</script>
<br>
<h2>Upload your files</h2>
<form method="POST" action="/upload_file/" enctype=multipart/form-data>
    <table id="table">
        <tr><td><input type="file" id="file1" name="file1" onchange='addline(0)'></td></tr>
        <tr><td><input type="submit"  name="settings" id="submit" value="send file" class="button"/></td></tr>
    </table>
    
</form>

{% endif %}
{%endblock %}