@extends('layouts.auth', ['title' => 'Reset Password - Booklio'])

@section('content')
    <x-ui.card padding="p-6 sm:p-7">
        <div class="mb-6">
            <x-ui.badge>Secure reset</x-ui.badge>
            <h1 class="mt-4 text-3xl font-extrabold tracking-tight text-booklio-dark">Reset Password</h1>
            <p class="mt-2 text-sm leading-6 text-booklio-muted">Create a new password for your Booklio business owner account.</p>
        </div>

        <form method="POST" action="{{ route('password.update') }}" class="space-y-4">
            @csrf
            <input type="hidden" name="token" value="{{ $token ?? request('token') }}">
            <x-form.input name="email" type="email" label="Email" value="{{ $email ?? request('email') }}" placeholder="you@example.com" />
            <x-form.input name="password" type="password" label="New password" placeholder="New password" />
            <x-form.input name="password_confirmation" type="password" label="Confirm password" placeholder="Confirm password" />
            <x-ui.button class="w-full" type="submit">Update password</x-ui.button>
        </form>
    </x-ui.card>
@endsection