{block content}
<div class="login-page">
    <div class="login-card">
        
        <!-- Hlavička karty s logem/názvem -->
        <div class="login-header">
            <h1 class="login-title">Kufřík</h1>
            <p class="login-subtitle">Přihlášení do fakturačního systému</p>
        </div>

        <!-- Zobrazení Chybových zpráv -->
        <div n:foreach="$flashes as $flash" class="alert alert-{$flash->type}">
            {$flash->message}
        </div>

        <!-- Nette Formulář -->
        <form n:name="signInForm" class="login-form">
            <!-- Chybové zprávy samotného formuláře -->
            <ul class="error-list" n:ifcontent>
                <li n:foreach="$form->ownErrors as $error">{$error}</li>
            </ul>

            <div class="form-group">
                <label n:name="email">E-mailová adresa</label>
                <input n:name="email" class="form-control" autofocus placeholder="jan@novak.cz">
            </div>

            <div class="form-group">
                <label n:name="password">Heslo</label>
                <input n:name="password" class="form-control" placeholder="••••••••">
            </div>

            <div class="form-actions">
                <button n:name="send" class="btn btn-primary btn-block">
                    Přihlásit se
                </button>
            </div>
        </form>

    </div>
</div>
{/block}