<div x-data="{ show: true }" x-show="show"
     class="fixed bottom-0 inset-x-0 z-50 p-4"
     style="background: var(--bg-surface); border-top: 1px solid var(--border-default); color: var(--text-primary);">
  <p>By using this dashboard you agree to our
    <a href="https://complyform.dev/terms" style="color: var(--accent);">Terms of Service</a> and
    <a href="https://complyform.dev/privacy" style="color: var(--accent);">Privacy Policy</a>.
  </p>
  <button hx-post="/dashboard/consent/accept"
          hx-vals='{"tos_version": "1.0", "privacy_version": "1.0"}'
          @click="show = false"
          class="mt-2 px-4 py-2 rounded"
          style="background: var(--accent); color: #ffffff;">
    I agree
  </button>
</div>
