{% extends "base.html" %}
{% block left_pannel %}discord{% endblock %}
{% block content %}
<script>data = JSON.parse('{{data|tojson}}'); </script>
{%if not current_user.is_authenticated %}
    <button class="unselected" onclick="location.href = '/login';">login</button>
{% else %}
<form method="post" action="/discord/">
    <table>
        <tr>
            <td></td>
            <td>
                <select name="select" onchange="change_discord(this.value, data, '{{len}}')">
                    <option selected id="new" value="{{ len }}">Create new Discord config</option>
                    {% for i in data %}
                    <option id="{{data[i]['name']}}" value="{{i}}">{{data[i]['name']}}</option>
                    {% endfor %}
                </select>
            </td>
            
        </tr>
        <tr>
            <td class="comlumn-name">name</td>
            <td><input type="text" id="name" name="name" value=""></td>
        </tr>
        <tr>
            <td class="comlumn-name">Send errors</td>
            <td><input type="checkbox" id="errorsT" name="errorsT" class="toogle"/><label for="errorsT">Toggle</label></td>
        </tr>
        <tr>
            <td class="comlumn-name">Send success</td>
            <td><input type="checkbox" id="successT" name="successT" class="toogle"/><label for="successT">Toggle</label></td>
        </tr>
        <tr>
            <td class="comlumn-name">Success link</td>
            <td><input type="text" id="successL" name="successL" value=""></td>
        </tr>
        <tr>
            <td class="comlumn-name">Failure Link</td>
            <td><input type="text" id="errorsL" name="errorsL" value=""></td>
        </tr>

    </table>
    <table>
        <tr>
            <td class="comlumn-name"></td>
            <td style="width:60%;"><input type="submit"  name="DISCORD" id="submit" value="Create !" class="confirm" style="width:86%;"/></td>
            <td style="padding-right: 20px;">
                <input type="submit" name="DISCORD" id="submit" value="delete" class="ban" style="width:60%;"/>
            </td>
        </tr>
    </table>
</form>

{% endif %}
{% endblock %}