@extends('layouts.app')

@section('content')
    <div class="d-flex flex-column justify-content-center align-items-center">

        <div class="card my-4 w-50 overflow-hidden">
            <div class="row flex-1 g-0">
                <div class="col-lg-6 h-100 my-auto order-1 order-lg-0">
                    <div class="creative-card-body w-100 card-body p-sm-5">
                        <h2 class="fs-20 fw-bolder mb-4">{{ __('auth.forgot_password') }}</h2>
                        <p class="fs-12 fw-medium text-muted">
                            {{ __('auth.forgot_password_message') }}
                        </p>
                        <form action="{{ route('password.email') }}" method="POST" class="w-100 mt-4 pt-2">
                            @csrf
                            @if (session('status'))
                                <div class="alert alert-success">
                                    {{ session('status') }}
                                </div>
                            @endif
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul class="mb-0">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="mb-4">
                                <input
                                    type="email"
                                    name="email"
                                    class="form-control"
                                    placeholder="{{ __('auth.email_placeholder') }}"
                                    value="{{ old('email') }}"
                                    required
                                />
                            </div>
                            <div class="mt-5">
                                <button type="submit" class="btn btn-lg btn-primary w-100">{{ __('auth.send_reset_link') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-6 bg-primary  order-0 order-lg-1">
                    <div class="h-100 d-flex align-items-center justify-content-center">
                        <img
                            src="./../public/assets/images/auth/auth-user.png"
                            alt=""
                            class="img-fluid"
                        />
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection