import React from 'react';
import { Link } from "react-router-dom";

function ForgotPassword() {
return (
    <>
    <div className="mt-3 card-position">
        <div className="col-lg-5 col-12">
            <div className="card shadow-sm d-flex justify-content-between align-items-center">
                <div id="auth-left">
                    <div className="auth-logo">
                        <br />
                        <Link to="/">
                        <h1 className="mb-4 text-center">MediConnect</h1>
                        </Link>
                    </div>
                    <h3 className="auth-title">Esqueci minha senha</h3>
                    <p className="auth-subtitle mb-5">
                    Informe seu e-mail e enviaremos um link para redefinir sua senha.
                    </p>
                    <form action="index.html">
                        <div className="form-group position-relative has-icon-left mb-4">
                            <input
                            type="email"
                            className="form-control form-control-xl"
                            placeholder="E-mail"
                            />
                            <div className="form-control-icon">
                                <i className="bi bi-envelope" />
                            </div>
                        </div>
                        <button className="btn btn-primary btn-block btn-lg shadow-lg mt-5">
                        Enviar
                        </button>
                    </form>
                    <div className="text-center mt-5 text-lg fs-4">
                        <p className="text-gray-600">
                        Lembrou da sua senha?
                        <Link className="font-bold" to={'/login'}>
                        Entrar
                        </Link>
                        .
                        </p>
                    </div>
                </div>
                <div className="col-lg-7 d-none d-lg-block">
                    <div id="auth-right"></div>
                </div>
            </div>
        </div>
    </div>
</>
 );
}

export default ForgotPassword;