@extends('Frontend.Master.master')

@section('content')
<style>
input{
    margin: 0 10px;
}
    </style>

<div class="row">
                    <div class="col-md-6">
                        <div class="login_bg">
                            <div class="login_content_bg text-center">
                                <img src="./assets/images/login_img.png" alt="" style="width: 70%;">
                            </div>
                            <div class="login_content">
                                <h6>Data Management System</h6>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="col-md-6">
                        <div class="login_form_details">
                            <div class="title">
                                <h6>Welcome back!</h6>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                

                            <!-- error message start -->
                            @if($errors->has('error'))
                                <div class="alert alert-danger">
                                        {{ $errors->first('error') }}
                                </div>
                                @endif
                             <!-- error message end -->
                            </div>

                            <form method="POST" action="{{ route('userLogin.submit') }}" >
                                @csrf
                                <div class="form-group mt-3">
                                    <label for="exampleFormControlInput1" class="form-label">Email</label>
                                    <div class="single-input">
                                        <span><i class="far fa-envelope"></i></span>
                                        <input name="email" type="email" placeholder="Email">
                                    </div>
                                </div>
                                <div class="form-group mt-3">
                                    <label for="exampleFormControlInput2" class="form-label">Password</label>
                                    <div class="single-input">
                                        <span><i class="fas fa-lock"></i></span>
                                        <input name="password" type="password" placeholder="Password">
                                        <!-- <span style="background-color: transparent !important; cursor: pointer;"></span> -->
                                    </div>
                                    <p class="text-end" style="color:#669cec !important; cursor: pointer;">Forgot Password</p>
                                </div>
                                <div class="submit-btn text-center">
                                    <input type="submit" value="Login">
                                </div>
                                
                            </form>
                        </div>
                    </div>
                </div>
            

@endsection