import Link from "next/link";
import SignupForm from "./../components/form/SignupForm";
import { COMPANY_NAME } from "../helpers/helpers";

function Signin() {
    return (
        <>
           <div className="authincation section-padding auth-bg">
                <div className="container h-100">
                    <div className="row justify-content-center h-100 align-items-center">
                        <div className="col-xl-5 col-md-6">

                            <div className="mini-logo  d-flex justify-content-center align-items-center flex-column text-center my-4">
                                <Link href="/">
                                    <div className="logocontainer">
                                        <img src="./images/kerala/keralawater.png" alt={COMPANY_NAME} />
                                    </div>
                                </Link>
                            
                                {/* <h4 className="card-title mt-5 w-100 d-flex justify-content-center align-items-center gap-2">
                                   <div> Sign in as</div> 
                                   <div>
                                   <select className="form-control">  
                                        <option>Consumer</option>
                                        <option>Employee</option>
                                      
                                        <option>Plumber</option>
                                    </select>
                                   </div>
                                </h4> */}
                            </div>
                            <div className="auth-form card">
                                <div className="card-body">

                              
                                <SignupForm/>
                                    <p className="mt-3 mb-0">
                                        Don't have an account?
                                        <Link href="/signup">
                                            <a className="text-primary">Sign up</a>
                                        </Link>
                                    </p>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </>
    );
}
export default Signin;