@extends('layouts.auth')

@section('title', __('Choose a new password'))
@section('heading', __('Choose a new password'))

@section('form')
    <form action="{{ route('password.store') }}" method="POST" class="space-y-5"
          x-data="submitGuard" @submit="submit()">
        @csrf
        {{-- Breeze's controller hands the request through rather than the two
             values separately; the token lives in the route and the address in
             the query string of the link that was emailed. --}}
        <input type="hidden" name="token" value="{{ $request->route('token') }}">

        <x-form.input name="email" type="email" :label="__('Email address')" :value="old('email', $request->email)" required
                      autocomplete="email" readonly />

        <x-form.input name="password" type="password" :label="__('New password')" required
                      autocomplete="new-password" autofocus :hint="__('At least eight characters.')" />

        <x-form.input name="password_confirmation" type="password" :label="__('Confirm new password')" required
                      autocomplete="new-password" />

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