---
import FormFooter from '@ui/FormFooter.astro'
import Button from '@ui/Button.astro'
import FormGroup from '@ui/FormGroup.astro'
import CardTitle from '@ui/CardTitle.astro'
---

<form class="card card-md" action="./" method="get" novalidate>
  <div class="card-body">
    <CardTitle as="h1" class="text-center mb-4">Forgot password</CardTitle>

    <p class="text-secondary mb-4">Enter your email address and your password will be reset and emailed to you.</p>

    <FormGroup label="Email address" for="forgot-email">
      <input type="email" class="form-control" placeholder="Enter email" id="forgot-email" autocomplete="email" required />
    </FormGroup>
    <FormFooter>
      <Button type="submit" text="Send me new password" block color="primary" icon="mail" />
    </FormFooter>
  </div>
</form>
<div class="text-center text-secondary mt-3">
  Forget it, <a href="./sign-in.html">send me back</a> to the sign in screen.
</div>