{% extends 'layout.html' %}
{% block title %}Nastavení vzdáleného přístupu{% endblock %}
{% block body %}
<div class="setup-box">
    <h2>SSH klíče</h2>
    <p>Obsah souboru <em>authorized_keys</em> uživatele root.</p>
    <form id="update-ssh-keys" action="/update-ssh-keys" method="post">
        <textarea name="ssh-keys" id="ssh-keys">{{ authorized_keys }}</textarea>
        <input type="submit" value="Nastavit klíče">
        {% if message and message[0] == 'ssh' %}
        <p class="{{ message[1] }}">{{ message[2] }}</p>
        {% endif %}
    </form>
</div>

<div class="setup-box">
    <h2>WireGuard VPN</h2>
    <p>Pro vzdálený administrátorský přístup nebo propojení dvou virtuálních strojů v sítích, kde není možno nastavit překlad síťových adres, je možno využít PPP VPN protokol WireGuard.</p>
    <form id="update-vpn" action="/update-vpn" method="post">
        <table>
            <tr>
                <td>Naslouchací port</td>
                <td><input type="text" name="vpn-port" id="vpn-port" value="{{ wg_conf['port'] }}"></td>
                <td class="remark">Port na kterém WireGuard rozhraní tohoto virtuálního stroje naslouchá příchozím spojením.</td>
            </tr>
            <tr>
                <td>VPN IP adresa</td>
                <td>172.17.255.<input type="text" name="vpn-lip" id="vpn-lip" value="{{ wg_conf['ip'] }}"></td>
                <td class="remark">Virtuální IP adresa WireGuard rozhraní tohoto virtuálního stroje dostupná pouze v rámci VPN.</td>
            </tr>
            <tr>
                <td>Partneři</td>
                <td colspan="2">
                    <textarea name="vpn-peers" id="vpn-peers">{{ wg_conf['peers'] }}</textarea>
                    <p class="remark">Seznam WireGuard partnerů ve formátu konfiguračního souboru WireGuard. Pro více informací a příklady užití vizte stránku WireGuard VPN v technické dokumentaci.</p>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">
                    <input type="submit" value="Nastavit VPN">
                    <div id="vpn-message"></div>
                </td>
            </tr>
            <tr>
                <td colspan="3">&nbsp;</td>
            </tr>
            <tr>
                <td>Váš veřejný klíč</td>
                <td colspan="2"><input type="text" id="vpn-pubkey" value="{{ wg_conf['pubkey'] }}" readonly> <input type="submit" formaction="/generate-vpn-key" value="Generovat nový klíč"></td>
            </tr>
            <tr>
                <td>Stav VPN</td>
                <td colspan="2" class="{{ wg_conf['status'][0] }}">{{ wg_conf['status'][1] }}</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">
                    {% if wg_conf['running'] %}
                    <input type="submit" formaction="/stop-vpn" value="Zastavit VPN">
                    {% else %}
                    <input type="submit" formaction="/start-vpn" value="Spustit VPN">
                    {% endif %}
                    {% if message and message[0] == 'vpn' %}
                    <p class="{{ message[1] }}">{{ message[2] }}</p>
                    {% endif %}
                </td>
            </tr>
        </table>
    </form>
</div>
{% endblock %}
