{% extends "base.html" %}
{% block title %}Disable MFA // Synapse-Cortex{% endblock %}
{% block header %}Settings // Disable MFA{% endblock %}
{% block content %}
<div class="max-w-md border border-cortex-border bg-cortex-panel rounded-md p-6">
  <div class="text-[10px] text-cortex-muted uppercase tracking-wider font-display mb-3">Confirm your password to disable MFA</div>
  {% if error %}
  <div class="mb-4 text-xs border border-accent-red/40 bg-accent-red/10 text-accent-red px-3 py-2 rounded">{{ error }}</div>
  {% endif %}
  <form method="post" action="/settings/mfa/disable" class="space-y-3 text-sm">
    <label class="block text-xs text-cortex-muted mb-1 uppercase tracking-wider">Current Password</label>
    <input required name="current_password" type="password" autofocus
           class="w-full bg-cortex-panel2 border border-cortex-border rounded px-3 py-2 focus:outline-none focus:border-accent-blue" />
    <button type="submit" class="w-full bg-accent-red text-cortex-bg font-display font-bold uppercase tracking-wider text-xs py-2.5 rounded hover:bg-accent-red/80 transition">
      Disable MFA
    </button>
  </form>
  <a href="/settings" class="block text-center text-[10px] text-cortex-muted hover:text-accent-blue mt-4 uppercase">Cancel</a>
</div>
{% endblock %}