@extends('layouts.auth')

@section('title', __('Reset your password'))
@section('heading', __('Reset your password'))
@section('intro', __('Tell us the address on your account and we will send a reset link.'))

@section('form')
    <form action="{{ route('password.email') }}" method="POST" class="space-y-5"
          x-data="submitGuard" @submit="submit()">
        @csrf

        <x-form.input name="email" type="email" :label="__('Email address')" required
                      autocomplete="email" autofocus />

        <button type="submit" class="btn btn-primary w-full" :disabled="submitting">
            <span x-show="!submitting">{{ __('Send reset link') }}</span>
            <span x-show="submitting" x-cloak>{{ __('Sending…') }}</span>
        </button>
    </form>
@endsection

@section('footer')
    <a href="{{ route('login') }}" class="font-medium text-text-brand underline-offset-4 hover:underline">
        {{ __('Back to sign in') }}
    </a>
@endsection