@section('title', config('app.name', 'Streamline') .' - '. __('Reset Password'))
@section('description', __('Choose a new password'))

<x-guest-layout>
    <x-t-section>
        <x-t-container
            size="xs"
            border="false"
            hollow
            class="overflow-visible"
        >
            <form method="POST" action="{{ route('password.store') }}" class="max-w-lg mx-auto">
                @csrf
                <x-t-card
                    variant="light"
                    border="false"
                    size="xl"
                    shadow
                >
                    <x-slot:header>
                        <x-t-heading
                            variant="light"
                            level="3"
                            size="sm"
                            class="mb-0 text-center"
                        >
                            {{ __('Reset password') }}
                        </x-t-heading>
                    </x-slot:header>
                    <x-slot:body>
                        @if ($errors->any()) 
                            <x-t-alert
                                variant="danger"
                                dismissible
                                border="false"
                                shadow
                                class="mb-5"
                            >
                                <ul class="list-none">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </x-t-alert>
                        @endif
                        <input type="hidden" name="token" value="{{ $request->route('token') }}">
                        <x-t-input
                            variant="{{ $errors->get('email') ? 'danger' : '' }}"
                            type="email"
                            name="email"
                            id="email"
                            label="{{ __('Email') }}"
                            autofocus
                            autocomplete="username"
                            :value="old('email', $request->email)"
                            required
                        />
                        <x-t-input
                            variant="{{ $errors->get('password') ? 'danger' : '' }}"
                            type="password"
                            name="password"
                            id="password"
                            label="{{ __('Password') }}"
                            autocomplete="new-password"
                            required
                        />
                        <x-t-input
                            variant="{{ $errors->get('password_confirmation') ? 'danger' : '' }}"
                            type="password"
                            name="password_confirmation"
                            id="password_confirmation"
                            label="{{ __('Confirm Password') }}"
                            autocomplete="new-password"
                            required
                        />
                    </x-slot:body>
                    <x-slot:footer>
                        <x-t-grid cols="2" gap="sm">
                            <x-t-button
                                type="submit"
                                variant="success"
                            >
                                {{ __('Reset Password') }}
                            </x-t-button>
                            <div class="flex justify-center items-center md:order-first">
                                <x-t-link
                                    href="{{ route('login') }}"
                                >
                                    {{ __('Login instead?') }}
                                </x-t-link>
                            </div>
                        </x-t-grid>
                    </x-slot:footer>
                </x-t-card>
            </form>
        </x-t-container>
    </x-t-section>
</x-guest-layout>