{% extends "tungsten/layout/auth.html" %}
{% import "tungsten/components/ui.html" as ui %}
{% block title %}Forgot password · {{ panel.brand_name }}{% endblock %}
{% block auth %}
<h1 class="text-3xl font-bold tracking-tight text-gray-950 dark:text-white">{{ __('Forgot your password?') }}</h1>
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ __("Enter your email and we'll send you a link to set a new one.") }}</p>
{% if sent %}
<div class="mt-6 flex gap-3 rounded-lg bg-success-50 px-4 py-3 text-sm text-success-800 ring-1 ring-success-600/20 dark:bg-success-500/10 dark:text-success-300">
  {{ icon('mail-check', 'h-5 w-5 shrink-0') }}<span>{{ __('If an account exists for that email, a reset link is on its way.') }}</span>
</div>
{% else %}
<form method="post" class="mt-8 grid gap-6" novalidate>
  <input type="hidden" name="_token" value="{{ csrf_token }}">
  {{ form.render() }}
  <button type="submit" class="{{ ui.button_classes('primary', size='lg') }} w-full">{{ __('Send reset link') }}</button>
</form>
{% endif %}
<p class="mt-8 text-center text-sm"><a href="{{ panel.url('login') }}" class="inline-flex items-center gap-1 font-medium {{ colors.LINK.gray }}">{{ icon('arrow-left', 'h-4 w-4') }}{{ __('Back to sign in') }}</a></p>
{% endblock %}