{% 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 = '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="/">
    
    <table>
        <tr>
            <td>
                <select name="select" onchange="changecat(this.value)">
                    <option>AAAAA</option>
                    <option>BBBBB</option>
                </select>
            </td>
        </tr>
        <tr>
            <td class="comlumn-name">name : </td>
            <td><input type="text" id="name" name="name" value="default-data"></td>
        </tr>
        <tr>
            <td class="comlumn-name">address : </td>
            <td><input type="text" name="address" id="address" value="default-data"></td>
        </tr>
        <tr>
            <td class="comlumn-name">port : </td>
            <td><input type="text" id="port" name="port" value="default-data"></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 %}