@extends('layouts.app')
@section('title', __('Choose a new password'))

@section('content')
<section class="mx-auto max-w-md px-4 py-20 sm:px-6">
    <form method="POST" action="{{ route('password.update') }}" class="card space-y-5 p-8">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">
        <h1 class="text-3xl font-bold text-navy">{{ __('Choose a new password') }}</h1>
        <div><label class="label" for="email">{{ __('Email') }}</label><input class="field" id="email" name="email" type="email" value="{{ old('email', $email) }}" required>@error('email')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror</div>
        <div><label class="label" for="password">{{ __('New password') }}</label><input class="field" id="password" name="password" type="password" minlength="10" autocomplete="new-password" required>@error('password')<p class="mt-1 text-sm text-rose-600">{{ $message }}</p>@enderror<p class="mt-1 text-xs text-slate-500">{{ __('At least 10 characters with letters and numbers.') }}</p></div>
        <div><label class="label" for="password_confirmation">{{ __('Confirm password') }}</label><input class="field" id="password_confirmation" name="password_confirmation" type="password" autocomplete="new-password" required></div>
        <button class="btn btn-blue w-full">{{ __('Change password') }}</button>
    </form>
</section>
@endsection