@extends('panel.layouts.base')

@section('title',__('panel/guest/reset-password.title'))


@section('content')
    <x-moonshine::box title="{{ __('panel/guest/reset-password.main.0') }}" icon="heroicons.envelope" class="max-w-sm mx-auto mt-24">
        <p class="description text-center">{{ __('panel/guest/reset-password.main.1') }}</p>
        <hr>
        <x-moonshine::form error name="reset_password" action="{{ route('password.update') }}">
            <x-moonshine::form.input type="hidden" name="token" value="{{ $request->route('token') }}"/>
            <x-moonshine::form.input type="hidden" name="email" value="{{ $request->email  }}"/>
            <x-moonshine::form.input-wrapper>
                <x-moonshine::form.label :required="true">
                    {{ __('panel/guest/reset-password.main.2') }}
                </x-moonshine::form.label>
                <x-moonshine::form.input name="password" type="password" placeholder="{{ __('panel/guest/reset-password.main.3') }}"/>
            </x-moonshine::form.input-wrapper>
            <x-moonshine::form.input-wrapper>
                <x-moonshine::form.label :required="true">
                    {{ __('panel/guest/reset-password.main.4') }}
                </x-moonshine::form.label>
                <x-moonshine::form.input name="password_confirmation" type="password" placeholder="{{ __('panel/guest/reset-password.main.5') }}"/>
            </x-moonshine::form.input-wrapper>
            <x-recaptcha.recaptcha class="mt-3"/>
            <x-moonshine::form>
                <x-slot name="buttons">
                    <x-moonshine::form.button type="submit" class="w-full">
                        {{ __('panel/guest/reset-password.main.6') }}
                    </x-moonshine::form.button>
                </x-slot>
            </x-moonshine::form>
        </x-moonshine::form>
    </x-moonshine::box>
@endsection