{{--<section class="login">--}}
    <div class="container">
        <div class="row justify-content-center align-items-center" style="min-height: 80vh;">
            <div class="col-md-6 col-lg-5">
                <div class="loginstart">
                    <div class="padding20 tmargin20">
                        <img class="logo img-responsive" src="{{ asset('assets/img/ardropshipping-logo.png') }}"
                             style="width:170px;display: block;margin:0px auto 20px auto;"
                             alt="ARdropshipping.com | Forgot Password">
                        <h1 class="page-heading">Forgot Password?</h1>
                        <p>Enter your email address to receive a password reset link</p>

                        <!-- Flash messages -->
                        @if (session('success'))
                            <div class="alert alert-success">{{ session('success') }}</div>
                        @endif

                        @if (session('error'))
                            <div class="alert alert-danger">{{ session('error') }}</div>
                        @endif

                        <!-- Forgot Password Form -->
                        <form wire:submit.prevent="save">
                            <div class="form-group">
                                <label for="email"><span class="tred">*</span>E-Mail</label>
                                <div class="input-group login-field">
                                    <span class="input-group-addon input-icon"><i
                                            class="fa-regular fa-envelope"></i></span>
                                    <input type="email" id="email" wire:model="email"
                                           class="form-control input-lg @error('email') is-invalid @enderror"
                                           placeholder="test@gmail.com" required>
                                </div>
                                @error('email')
                                <span class="text-danger small">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-green btn-block pull-right btn-lg">
                                            Send Reset Link
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <div class="tmargin10 bmargin10 tcenter">
                            Remember your password?
                            <a wire:navigate href="/login">
                                <span class="pointer bold torange" role="button">Sign in here</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{--</section>--}}