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



{% block content %}

{%if not current_user.is_authenticated %}
    <button class="unselected" onclick="location.href = '/login';">login</button>
{% else %}
<form method="post" action="/proxy/">
    
    <table>
        <tr>
            <td class="comlumn-name"></td>
            <td>
                <script>data = JSON.parse('{{data|tojson}}');</script>
                <select name="select" onchange="change_proxy(this.value, data, '{{len}}')">
                    <option selected id="new" value="{{ len }}">Create new proxy</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" name="name" value="" id="name"></td>
        </tr>
        <tr>
            <td class="comlumn-name">address : </td>
            <td><input type="text" name="address" value="" id="address"></td>
        </tr>
        <tr>
            <td class="comlumn-name">port : </td>
            <td><input type="text" name="port" value="" id="port"></td>
        </tr>
        </table>
        <table>
            <tr>
                <td class="comlumn-name"></td>
                <td style="width:60%;"><input type="submit"  name="PROXY" id="submit" value="Create !" class="confirm" style="width:86%;"/></td>
                <td style="padding-right: 20px;"><input type="submit" name="PROXY" id="submit" value="delete" class="ban" style="width:60%;"/></td>
            </tr>
        </table>

    
</form>


{% endif %}
{% endblock %}