@section('title', config('app.name', 'Streamline') .' - '. __('Forgot Password'))
@section('description', __('Reset your password if you\'ve forgotten your password'))

<x-guest-layout>
    <x-t-section>
        <x-t-container
            size="xs"
            border="false"
            hollow
            class="overflow-visible"
        >
            <form method="POST" action="{{ route('password.email') }}" 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"
                        >
                            {{ __('Forgot your password?') }}
                        </x-t-heading>
                    </x-slot:header>
                    <x-slot:body>
                        @if (session('status'))
                            <x-t-alert
                                variant="success"
                                dismissible
                                border="false"
                                shadow
                                class="mb-5"
                            >
                                {{ session('status') }}
                            </x-t-alert>
                        @endif
                        @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-input
                            variant="{{ $errors->get('email') ? 'danger' : '' }}"
                            type="email"
                            name="email"
                            id="email"
                            label="{{ __('Email') }}"
                            autofocus
                            autocomplete="username"
                            :value="old('email')"
                            required
                        />
                    </x-slot:body>
                    <x-slot:footer>
                        <x-t-grid cols="2" gap="sm">
                            <x-t-button
                                type="submit"
                                variant="success"
                            >
                                {{ __('Email Password Reset Link') }}
                            </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>