{block content}

<div class="card shadow-sm border-0 rounded-4">
    <div class="card-body p-4">
        <div class="d-flex align-items-center mb-4">
            <div class="flex-shrink-0">
                {if $user->identity->twoFactor}
                    <div class="bg-success bg-opacity-10 p-3 rounded-circle">
                        <i class="bi bi-shield-fill-check text-success fs-2"></i>
                    </div>
                {else}
                    <div class="bg-warning bg-opacity-10 p-3 rounded-circle">
                        <i class="bi bi-shield-fill-exclamation text-warning fs-2"></i>
                    </div>
                {/if}
            </div>
            <div class="ms-3">
                <h3 class="h5 mb-1 fw-bold">Dvoufázové ověření (2FA)</h3>
                <p class="mb-0 small">
                    {if $user->identity->twoFactor}
                        <span class="text-success fw-medium">Aktivní a zabezpečeno</span>
                    {else}
                        <span class="text-muted">Váš účet je chráněn pouze heslem</span>
                    {/if}
                </p>
            </div>
        </div>

        <div class="alert {if $user->identity->twoFactor}alert-light border{else}alert-warning{/if} mb-4">
            {if $user->identity->twoFactor}
                Při každém přihlášení vyžadujeme kód z vaší aplikace. To výrazně zvyšuje bezpečnost vašich dat.
            {else}
                <strong>Doporučujeme aktivaci!</strong> Přidáním druhého faktoru ochráníte svůj účet i v případě, že někdo zjistí vaše heslo.
            {/if}
        </div>

        <div class="d-grid shadow-sm">
            {if $user->identity->twoFactor}
                <a n:href="Disable2fa:default" class="btn btn-outline-danger btn-lg rounded-pill">
                    <i class="bi bi-x-circle me-2"></i> Vypnout dvoufázové ověření
                </a>
            {else}
                <a n:href="Setup2fa:default" class="btn btn-primary btn-lg rounded-pill">
                    <i class="bi bi-shield-plus me-2"></i> Nastavit zabezpečení účtu
                </a>
            {/if}
        </div>
    </div>
</div>