const btn = document.getElementById('loginBtn');
const loader = document.getElementById('loadingIndicator');
const status = document.getElementById('statusMessage');

if (btn) {
  btn.addEventListener('click', async () => {
    loader.style.display = 'block';
    btn.disabled = true;
    status.textContent = '';
    status.className = '';

    try {
      const username = document.getElementById('loginUsername')?.value?.trim() || '';
      await startWebAuthnLogin(username);
    } catch (_e) {
      // handled in auth-client.js
    } finally {
      loader.style.display = 'none';
      btn.disabled = false;
    }
  });
}

// Initialize WebAuthn Conditional UI (Autofill) if supported
if (globalThis.PublicKeyCredential && PublicKeyCredential.isConditionalMediationAvailable) {
  PublicKeyCredential.isConditionalMediationAvailable().then(available => {
    if (available) {
      console.log("[WebAuthn] Conditional mediation autofill available");
      if (typeof startWebAuthnConditionalLogin === "function") {
        startWebAuthnConditionalLogin();
      }
    }
  }).catch(() => {});
}