{{ define "content" }}
<div class="max-w-2xl mx-auto">
    <h1 class="text-3xl font-bold mb-6">Profile</h1>
    <div class="bg-gray-800 p-6 rounded">
        <p class="mb-4">
            <strong class="text-white">Username:</strong> 
            <span class="text-gray-300">admin</span>
        </p>
        <p class="mb-6">
            <strong class="text-white">MFA Status:</strong> 
            {{ if .PageData.MFAEnabled }}
                <span class="text-green-400 font-bold">Enabled</span>
            {{ else }}
                <span class="text-yellow-400 font-bold">Disabled</span>
            {{ end }}
        </p>
        <div class="bg-gray-700 p-4 rounded mt-4">
            <p class="text-sm text-gray-300">
                <strong>To manage MFA or change password:</strong>
            </p>
            <p class="text-sm text-gray-400 mt-2">Use the command-line interface with the executable flags:</p>
            <ul class="text-sm text-gray-400 mt-2 ml-4 space-y-1">
                <li>• <code class="bg-gray-900 px-2 py-1 rounded">./unifi-blocklist-app -pw "NewPassword"</code> - Change password</li>
                <li>• <code class="bg-gray-900 px-2 py-1 rounded">./unifi-blocklist-app -mfa on</code> - Enable MFA</li>
                <li>• <code class="bg-gray-900 px-2 py-1 rounded">./unifi-blocklist-app -mfa off</code> - Disable MFA</li>
            </ul>
        </div>
    </div>
</div>
{{ end }}