<script lang="ts">
  import type { PageData } from './$types';
  export let data: PageData;
</script>

<h1>Account</h1>
<div class="py-4">
  Enter your password here to delete your account:
  <form method="POST" action="/api/settings/delete">
    <div class="flex align-center gap-4 py-5">
      <input type="hidden" name="token" value={data.token} />
      <label class="label" for="password">Password</label>
      <input type="password" class="input" id="password" name="password" placeholder="Password" />
      <button class="btn btn-error">Delete my account</button>
    </div>
  </form>
</div>