{block content}

<div class="platno">
    <header class="lista">
        <div>
            <h1 class="lista-nadpis">Nastavení</h1>
            <p n:if="$user->isLoggedIn()" class="lista-popis">Mapa na tomto zařízení a heslo účtu.</p>
            <p n:if="!$user->isLoggedIn()" class="lista-popis">Platí jen pro toto zařízení.</p>
        </div>
    </header>

    <form n:name="podkladForm" class="panel panel-uzky formular">
        <div class="alert alert-danger" n:if="$form->hasErrors()" n:foreach="$form->getErrors() as $error">{$error}</div>
        <fieldset class="podklady">
            <legend class="form-label">Mapové podklady</legend>
            <p class="lista-popis podklady-popis">Výchozí podklad je OpenStreetMap. Vybraná mapa se použije na celé mapě i v náhledu obvodu.</p>
            <div n:foreach="$form[podklad]->getItems() as $klic => $popisek" class="form-check">
                <input n:name="podklad:$klic" class="form-check-input">
                <label n:name="podklad:$klic" class="form-check-label">{$popisek}</label>
            </div>
        </fieldset>
        <div class="formular-akce">
            <button n:name="send" class="tlacitko is-aktivni">Uložit</button>
        </div>
    </form>

    <form n:if="$user->isLoggedIn()" n:name="hesloForm" class="panel panel-uzky formular mt-3">
        <h2>Heslo</h2>
        <p class="lista-popis podklady-popis">Změna hesla účtu, kterým jste přihlášeni.</p>
        <div class="alert alert-danger" n:if="$form->hasErrors()" n:foreach="$form->getErrors() as $error">{$error}</div>
        <div class="mb-3">
            <label n:name="soucasne" class="form-label">Současné heslo</label>
            <input n:name="soucasne" class="form-control" autocomplete="current-password">
        </div>
        <div class="mb-3">
            <label n:name="heslo" class="form-label">Nové heslo</label>
            <input n:name="heslo" class="form-control" autocomplete="new-password">
        </div>
        <div class="mb-3">
            <label n:name="hesloZnovu" class="form-label">Nové heslo znovu</label>
            <input n:name="hesloZnovu" class="form-control" autocomplete="new-password">
        </div>
        <div class="formular-akce">
            <button n:name="send" class="tlacitko is-aktivni">Změnit heslo</button>
        </div>
    </form>
</div>