@section('title', config('app.name', 'Streamline') .' - '. __('Confirm Password'))
@section('description', __('Please confirm your password before continuing'))

<x-guest-layout>
    <x-t-section>
        <x-t-container
            size="xs"
            border="false"
            hollow
            class="overflow-visible"
        >
            <form method="POST" action="{{ route('password.confirm') }}" 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"
                        >
                            {{ __('Confirm 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
                        <x-t-alert
                            variant="warning"
                            border="false"
                            shadow
                            class="mb-5"
                        >
                            {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
                        </x-t-alert>
                        <x-t-input
                            variant="{{ $errors->get('password') ? 'danger' : '' }}"
                            type="password"
                            name="password"
                            id="password"
                            label="{{ __('Password') }}"
                            autocomplete="current-password"
                            required
                        />
                    </x-slot:body>
                    <x-slot:footer>
                        <x-t-grid cols="2" gap="sm">
                            <x-t-button
                                type="submit"
                                variant="success"
                            >
                                {{ __('Confirm') }}
                            </x-t-button>
                            @if (Route::has('password.request'))
                                <div class="flex justify-center items-center md:order-first">
                                    <x-t-link
                                        href="{{ route('password.request') }}"
                                    >
                                        {{ __('Forgot your password?') }}
                                    </x-t-link>
                                </div>
                            @endif
                        </x-t-grid>
                    </x-slot:footer>
                </x-t-card>
            </form>
        </x-t-container>
    </x-t-section>
</x-guest-layout>