{% extends 'layout.html' %}
{% block title %}Nastavení aplikací{% endblock %}
{% block body %}
<div class="setup-box">
    <h2>Nastavení aplikací</h2>
    <p>Společné nastavení sdílené některými aplikacemi.</p>
    <form id="update-common" action="/update-common" method="post">
        <table>
            <tr>
                <td>E-mail</td>
                <td><input type="text" name="email" id="email" value="{{ conf['common']['email'] }}"></td>
                <td class="remark">Administrativní e-mail na který budou doručovány zprávy a upozornění z aplikací. Stejná e-mailová adresa bude také využita některými aplikacemi pro odesílání zpráv uživatelům.</td>
            </tr>
            <tr>
                <td>Google Maps API klíč</td>
                <td><input type="text" name="gmaps-api-key" id="gmaps-api-key" value="{{ conf['common']['gmaps-api-key'] }}"></td>
                <td class="remark">API klíč pro službu Google Maps, která je využita některými aplikacemi.</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">
                    <input type="submit" id="common-submit" value="Nastavit hodnoty">
                    <div id="common-message"></div>
                    <div id="common-wait" class="loader-wrap">
                        <div class="loader"></div>
                        <span>Provádí se změna nastavení, prosím čekejte...</span>
                    </div>
                </td>
            </tr>
        </table>
    </form>
</div>

<div class="setup-box">
    <h2>Správce aplikací</h2>
    <p>Vyberte které aplikace mají být nainstalovány, které se mají zobrazovat na hlavní straně portálu a které mají být automaticky spuštěny při startu virtuálního stroje.</p>
    <table>
        <thead>
            <tr>
                <td>Aplikace</td>
                <td>Nainstalována</td>
                <td>Zobrazena</td>
                <td>Autostart</td>
                <td>Stav</td>
            </tr>
        </thead>
        <tbody>
            {% for app in all_apps %}
            <tr data-app="{{ app }}">
                <td>{{ conf['apps'][app]['title'] if app in conf['apps'] else online_packages[app]['title'] }}</td>
                <td class="center"><input type="checkbox" class="app-installed"{% if app in conf['apps'] %} checked{% endif %}></td>
                <td class="center"><input type="checkbox" class="app-visible"{% if conf['apps'][app]['visible'] %} checked{% endif %}></td>
                <td class="center"><input type="checkbox" class="app-autostart"{% if is_service_autostarted(app) %} checked{% endif %}></td>
                <td>{% if is_service_started(app) %}<span class="info">Spuštěna</span> (<a href="#" class="app-stop">zastavit</a>){% else %}<span class="error">Zastavena</span> (<a href="#" class="app-start">spustit</a>){% endif %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<div class="setup-box">
    <h2>Správce balíků</h2>
    <p>Vyberte které aplikace mají být nainstalovány nebo aktualizovány z distribučního serveru.</p>
    <table>
        <thead>
            <tr>
                <td>Aplikace</td>
                <td>Nainstalována</td>
                <td>Stav</td>
            </tr>
        </thead>
        <tbody>
            {% for pkg in online_packages|sort %}
            {% if 'title' in online_packages[pkg] %}
            <tr data-app="{{ pkg }}">
                <td>{{ online_packages[pkg]['title'] }}</td>
                <td class="center"><input type="checkbox" class="pkg-installed"{% if pkg in conf['packages'] %} checked{% endif %}></td>
                <td></td>
            </tr>
            {% endif %}
            {% endfor %}
        </tbody>
    </table>
</div>

<div class="setup-box">
    <h2>Správce virtuálního stroje</h2>
    <p>Změna hesla k šifrovanému diskovému oddílu a administračnímu rozhraní.</p>
    <form id="update-password" action="/update-password" method="post">
        <table>
            <tr>
                <td>Stávající heslo:</td>
                <td><input type="password" name="oldpassword" id="oldpassword"></td>
            </tr>
            <tr>
                <td>Nové heslo:</td>
                <td><input type="password" name="newpassword" id="newpassword"></td>
            </tr>
            <tr>
                <td>Kontrola nového hesla:</td>
                <td><input type="password" name="newpassword2" id="newpassword2"></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="2">
                    <input type="submit" id="password-submit" value="Změnit heslo">
                    <div id="password-message"></div>
                    <div id="password-wait" class="loader-wrap">
                        <div class="loader"></div>
                        <span>Provádí se změna hesla, prosím čekejte...</span>
                    </div>
                </td>
            </tr>
        </table>
    </form>
    <p>Restartování nebo vypnutí virtuálního stroje.</p>
    <input type="button" id="reboot-vm" value="Restartovat VM">
    <input type="button" id="shutdown-vm" value="Vypnout VM">
    <div id="vm-message"></div>
</div>
{% endblock %}