@extends('layouts.guest')

@section('page_title', 'Reset Password')
@section('page_subtitle', 'Choose a new password for your account')

@section('content')
        <form method="POST" action="{{ route('password.store') }}" class="form-grid">
            @csrf
            <input type="hidden" name="token" value="{{ $token }}">

            <label>
                <span>Email</span>
                <input class="@error('email') field-invalid @enderror" type="email" name="email" value="{{ old('email', $email ?? '') }}" required>
                @error('email')<small class="muted">{{ $message }}</small>@enderror
            </label>

            <div class="grid grid-2">
                <label>
                    <span>New Password</span>
                    <input class="@error('password') field-invalid @enderror" type="password" name="password" required>
                    @error('password')<small class="muted">{{ $message }}</small>@enderror
                </label>
                <label>
                    <span>Confirm Password</span>
                    <input type="password" name="password_confirmation" required>
                </label>
            </div>

            <div class="toolbar">
                <button class="btn btn-primary" type="submit">Reset Password</button>
                <a class="btn" href="{{ route('login') }}">Back to login</a>
            </div>
        </form>
@endsection