@extends('layouts.app')
@section('title', __('ui.security_reset_password').' — Coaster World')
@section('content')
<section class="auth-page">
    <div class="auth-card">
        <span class="eyebrow">{{ __('ui.security_account_security') }}</span>
        <h1>{{ __('ui.security_reset_password') }}</h1>
        <p>{{ __('ui.security_reset_intro') }}</p>
        <form method="post" action="{{ route('password.update') }}" class="auth-form">
            @csrf
            <input type="hidden" name="token" value="{{ $token }}">
            <label>{{ __('ui.auth_email') }}<input type="email" name="email" value="{{ old('email', $email) }}" required autocomplete="email"></label>
            @error('email')<small class="form-error">{{ $message }}</small>@enderror
            <label>{{ __('ui.security_new_password') }}<x-password-input name="password" autocomplete="new-password" required autofocus /></label>
            <small class="form-help">{{ __('ui.security_password_requirements') }}</small>
            @error('password')<small class="form-error">{{ $message }}</small>@enderror
            <label>{{ __('ui.auth_password_confirm') }}<x-password-input name="password_confirmation" autocomplete="new-password" required /></label>
            <button type="submit" class="button button-primary">{{ __('ui.security_reset_password') }}</button>
        </form>
    </div>
</section>
@endsection