@extends('layouts.app')

@section('mainContent')
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="login-header">
                <img src="{{ asset('assets/img/logo.svg') }}" class="logo-blk" alt="">
                <h2>GRC - Policy & Project</h2>
            </div>
            <div class="login-img bg-white p-4 border rounded shadow-sm">
                <img src="{{ asset('assets/img/bg-pattern-start.svg') }}" class="shape-icon1-blk" alt="">
                <img src="{{ asset('assets/img/bg-pattern-end.svg') }}" class="shape-icon2-blk" alt="">
                <div class="login-wrap">
                    <div class="login-header">
                        <h4>Login</h4>
                        <p>Hello <img src="{{ asset('assets/img/hai-icon.svg') }}" alt="" class="me-1">
                            <span>Enter Details to continue</span>
                        </p>
                    </div>
                    <!-- Login Form -->
                    <form action="dashboard.html">
                        <div class="form-set">
                            <label for="">Email Address</label>
                            <input type="text" class="form-control" placeholder="Email Address">
                        </div>
                        <div class="form-set">
                            <label for="">Password</label>
                            <div class="pass-group position-relative">
                                <input type="password" class="form-control pass-input" placeholder="Password">
                                <span class="toggle-password fe fe-eye"></span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <label class="custom_check">
                                    <input type="checkbox" name="rememberme" class="rememberme">
                                    <span class="checkmark"></span>Remember Me
                                </label>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="text-md-end">
                                    <a class="forgot-link" href="{{ route('forgot-password') }}">Forgot password?</a>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-primary w-100 login-btn" type="submit">Login</button>
                        <div class="register-link text-center">
                            <div class="login-or">
                                <span class="span-or">Or</span>
                            </div>
                            <div class="social-login">
                                <a href="#" class="btn btn-google w-100"><img
                                        src="{{ asset('assets/img/google.svg') }}" class="me-1" alt="img">Continue
                                    with Google</a>
                            </div>
                            <div class="btm-text text-center">
                                <p>Don’t have an account?<a class="forgot-link" href="javascript:void(0)">Create Account</a></p>
                            </div>
                    </form>
                    <!-- /Login Form -->
                </div>
            </div>
        </div>
    </div>
@endsection