@extends('layouts.auth_components.header')


@section('authcontent')

<main class="auth-cover-wrapper">
        <div class="auth-cover-content-inner">
            <div class="auth-cover-content-wrapper">
                <div class="auth-img">
                    <img src="/public/assets/images/loginfront.jpeg" alt="" class="img-fluid">
                </div>
            </div>
        </div>
        <div class="auth-cover-sidebar-inner">
            <div class="auth-cover-card-wrapper">
                <div class="auth-cover-card p-sm-5">
                    <div class="wd-50 mb-5">
                        <img src="/assets/images/iconlogo.png" alt="" class="img-fluid">
                    </div>
                    <h1>Forgot Password</h1>
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
                    <form method="POST" action="{{ route('password.email') }}" class="w-100 mt-4 pt-2">
                        @csrf
                        <div class="mb-4">
                            <input class="form-control" type="email" name="email" required autofocus>
                            @error('email') <div>{{ $message }}</div> @enderror
                        
                        </div>

                        <div class="mt-5">
                            <button type="submit" class="btn btn-lg btn-primary w-100">Send Password Reset Link</button>
                        </div>
                    </form>
                    <div class="w-100 mt-5 text-center mx-auto">
                        <div class="mb-4 border-bottom position-relative"><span class="small py-1 px-3 text-uppercase text-muted bg-white position-absolute translate-middle">or</span></div>
                        <div class="d-flex align-items-center justify-content-center gap-2">
                            <a href="https://www.facebook.com/profile.php?id=61575118031400" class="btn btn-light-brand flex-fill" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Login with Facebook">
                                <i class="feather-facebook"></i>
                            </a>
                            <a href="https://www.linkedin.com/in/rago-infotech-577924360/" class="btn btn-light-brand flex-fill" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Login with Twitter">
                                <i class="feather-linkedin"></i>
                            </a>
                            <a href="https://www.instagram.com/rago_crm/" class="btn btn-light-brand flex-fill" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Login with Github">
                                <i class="feather-instagram text"></i>
                            </a>
                        </div>
                    </div>
                    <div class="mt-5 text-muted">
                        <span> Don't have an account?</span>
                        <a href="/register" class="fw-bold">Create an Account</a>
                    </div>
                </div>
            </div>
        </div>
    </main>


@endsection