{% 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="selected" 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 = '/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="/database/">
    
    <table>
        <tr>
            <td class="comlumn-name"></td>
            <td><input type="checkbox" id="switch" name="switch" {{data['checked']}}  /><label for="switch">Toggle</label></td>
        </tr>
        <tr>
            <td class="comlumn-name">address : </td>
            <td><input type="text" name="address" value="{{ data['host']}}"></td>
        </tr>
        <tr>
            <td class="comlumn-name">table : </td>
            <td><input type="text" name="table" value="{{ data['table']}}"></td>
        </tr>
        <tr>
            <td class="comlumn-name">user : </td>
            <td><input type="text" name="user" value="{{ data['usr']}}"></td>
        </tr>
        <tr>
            <td class="comlumn-name">password : </td>
            <td><input type="text" name="password" value="{{ data['pwd']}}"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit"  name="data" value="Update !" class="button"/></td>
        </tr>
    </table>
    

    
</form>


<script>
function changecat(value) {
    if (value == "new"){
        document.getElementById("address").value = value;
        document.getElementById("port").value = value;
        document.getElementById("name").value = value;
    }
    else {
        document.getElementById("address").value = value;
        document.getElementById("port").value = value;
        document.getElementById("name").value = value;
    }
}
</script>
{% endif %}
{% endblock %}