{{define "content"}}
<div class="flex min-h-screen items-center justify-center">
  <div class="w-full max-w-md rounded-lg border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-700 dark:bg-gray-800 md:p-8">
    <h1 class="mb-1 text-2xl font-bold text-gray-900 dark:text-white" data-i18n="reset.title">Reset Password</h1>
    <p class="mb-6 text-sm text-gray-500 dark:text-gray-400" data-i18n="reset.subtitle">Imposta una nuova password.</p>

    {{if .Token}}
    <form action="/reset-password?token={{.Token}}" method="post" class="space-y-5">
      <div>
        <label for="reset-password" class="mb-2 block text-sm font-medium text-gray-900 dark:text-white" data-i18n="reset.new_password">Nuova password</label>
        <input id="reset-password" type="password" name="password" class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400" required />
      </div>

      <button type="submit" class="w-full rounded-lg bg-blue-700 px-5 py-2.5 text-center text-sm font-medium text-white hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300" data-i18n="reset.submit">Aggiorna password</button>
    </form>
    {{else}}
    <div class="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-800 dark:border-red-800 dark:bg-red-900/40 dark:text-red-300" role="alert" data-i18n="reset.invalid_token">Token mancante o non valido.</div>
    {{end}}
  </div>
</div>
{{end}}
