@extends('front.auth.auth-app')

    <section class="loginPage">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="loginBox">
                        <h2>Login</h2>
                        <form class="loginForm" action="{{route('front.login.form')}}" method="post">
                            @csrf
                            <div class="form-group">
                                <label>Email</label>
                                <input type="email" name="email" class="form-control">
                                @error('email')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Password</label>
                                <input type="password" name="password" class="form-control">
                                @error('password')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group d-flex">
                                <input type="radio" id="remember">
                                <label for="remember">Remember me.</label>
                            </div>
                            <div class="text-center">
                                <button class="loginBtn">Login</button>
                            </div>
                        </form>
                        <div class="forgetText">
                            <a href="{{route('front.forget.password')}}" class="forgetPass">Forget Password ?</a>
                            <p class="accounts text-center">Don't have an account ?</p>
                            <a href="{{route('front.signup')}}" class="signText">Sign up here</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>