<div class="page-header">
  <h1><%= t ".heading" %></h1>
</div>

<div class="page-sections">

  <section class="section-card">
    <h3><%= t ".sessions" %></h3>
    <%= render Components::BootlegTurbo.new(identity_sessions_path, id: "sessions-container", hx_swap: "innerHTML") %>
  </section>

  <section class="section-card">
    <h3><%= t ".mfa" %></h3>
    <%= render Components::BootlegTurbo.new(identity_totps_path, id: "totp-container", hx_swap: "innerHTML") %>
  </section>

  <section class="section-card">
    <h3><%= t ".webauthn" %></h3>
    <%= render Components::BootlegTurbo.new(identity_webauthn_credentials_path, id: "webauthn-container", hx_swap: "innerHTML") %>
  </section>

  <section class="section-card">
    <h3><%= t ".backup_codes" %></h3>
    <%= render Components::BootlegTurbo.new(identity_backup_codes_path, id: "backup-codes-container", hx_swap: "innerHTML") %>
  </section>

  <section class="section-card">
    <h3><%= t ".applications" %></h3>
    <%= render Components::BootlegTurbo.new(authorized_applications_path, id: "authorized-apps-container", hx_swap: "innerHTML") %>
  </section>

  <section class="section-card">
    <h3><%= t ".activity" %></h3>
    <p><%= t ".activity_description" %></p>
    <%= link_to t(".view_activity_log"), audit_logs_path, class: "button" %>
  </section>

</div>
