{{define "content"}}
<div class="text-center mb-4">
  <h1 class="h3 fw-bold mb-0"><i class="ti ti-user-plus me-2"></i>Create account</h1>
</div>
{{with .Content}}{{with .Error}}<div class="alert alert-danger">{{.}}</div>{{end}}{{end}}
<form method="post">
  <div class="mb-3">
    <label class="form-label"><i class="ti ti-user me-2"></i>Name</label>
    <input type="text" class="form-control auth-input" name="name" required>
  </div>
  <div class="mb-3">
    <label class="form-label"><i class="ti ti-mail me-2"></i>Email</label>
    <input type="email" class="form-control auth-input" name="email" required>
  </div>
  <div class="mb-4">
    <label class="form-label"><i class="ti ti-lock me-2"></i>Password</label>
    <input type="password" class="form-control auth-input" name="password" required>
  </div>
  <button type="submit" class="btn btn-primary btn-lg w-100"><i class="ti ti-check me-2"></i>Create account</button>
</form>
<div class="text-center mt-4 small text-body-secondary">
  <a href="/login" class="link-primary link-offset-2"><i class="ti ti-arrow-left me-1"></i>Back to sign in</a>
</div>
{{end}}
