@extends('layouts.landing')
@section('style')
<style>
    input[type="checkbox"] {
        border: 1px solid grey;
        modalEl.style.outline = "initial";
        -webkit-appearance: auto;
          -moz-appearance: auto;
          appearance: auto;
    }
</style>
@endsection
@section('content')
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            
            <!-- section begin -->
            <section id="subheader" class="text-light" data-bgimage="url({{ asset('landing/images/background/12.jpg') }}) bottom">
                    <div class="center-y relative text-center">
                        <div class="container">
                            <div class="row">
                                
                                <div class="col-md-12 text-center">
									<h1>User Login</h1>
									<p>You do not have any account? <a href="{{ url('/register') }}" style="text-decoration: underline;">Register here.</a></p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
            </section>
            <!-- section close -->
            

            <section aria-label="section">
                <div class="container">
					<div class="row">
						<div class="col-md-6 offset-md-3">
							<form class="form-border" action="{{ url('/login') }}" method="POST">
                                @csrf
                                            @if(count($errors) > 0)
                                               <div class="alert alert-danger">
                                                  <span>
                                                    @foreach($errors->all() as $error)
                                                         <li><strong><a href="">{{ $error }}</a></strong></li>
                                                    @endforeach
                                                  </span>
                                              </div>
                                            @endif
                                    <h3>Login to your account</h3>

                                            <div class="field-set">
                                                <label>Email</label>
                                                <input type='email' name='email' value="{{ old('email') }}" id='email' class="form-control" placeholder="">
                                            </div>


                                            <div class="field-set">
                                                <label>Password</label>
                                                <input type='password' name='password' id='email' class="form-control" placeholder="">
                                            </div>

                                    <div id='submit' class="pull-left">
                                        <input type='submit' value='Login' class="btn btn-custom color-2">


                                        <div class="clearfix"></div>

                                        <div class="spacer-single"></div>

                                        <div class="checkbox form-group clearfix">
                                            <div class="form-check float-start">
                                                <input class="form-check-input" type="checkbox" id="rememberme">
                                                <label class="form-check-label" for="rememberme">
                                                    Remember me
                                                </label>
                                            </div>
                                            @if (Route::has('password.request'))
                                                <a href="{{ route('password.request') }}" class="link-light float-end forgot-password">Forgot your password?</a>
                                            @endif
                                        </div>
                                        
                                        
                                    </div>
									
                                </form>
						</div>
                    </div>
				</div>
            </section>
			
			
        </div>
        <!-- content close -->

        <a href="#" id="back-to-top"></a>
 @endsection