@include('includes.vendor_login_header')


	<!--wrapper-->
	<div class="wrapper">

		<div class="section-authentication-cover">
			<div class="">

				<div class="row g-0">

					<div class="col-12 col-xl-7 col-xxl-8 auth-cover-left align-items-center justify-content-center d-none d-xl-flex">

                        <div class="card shadow-none bg-transparent shadow-none rounded-0 mb-0">

							<div class="card-body">
                                 <img src="{{ asset('backend/assets/images/login-cover.svg') }}" class="img-fluid auth-img-cover-login" width="650" alt=""/>
							</div>

						</div>
						
					</div>


					<div class="col-12 col-xl-5 col-xxl-4 auth-cover-right align-items-center justify-content-center">

						<div class="card rounded-0 m-3 shadow-none bg-transparent mb-0">
							<div class="card-body p-sm-5">

								<div class="">

									<div class="mb-3 text-center">
                                        <a href='/'>
                                          @include('includes.logo')
                                        </a>	
									</div>

									<div class="text-center mb-4">
										<h5 class="">Vendor Login </h5>
										<p class="mb-0">Please log in to your account</p>
									</div>

									<div class="form-body">
                                         
                                        <form class="row g-3" method="POST" action="{{ route('login') }}">

                                            @csrf

                                            <div class="col-12">
                                                <label for="email" class="form-label"> Email </label>

                                                <input type="email" id="email" name="email" class="form-control" placeholder="example@email.com" value="{{ old('email') }}">

                                                @error('email')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
    
                                            <div class="col-12">
                                                <label for="password" class="form-label">Password</label>

                                                <div class="input-group" id="show_hide_password">
                                                    <input type="password" name="password" id="password" class="form-control border-end-0" placeholder="Enter Password"> <a href="javascript:;" class="input-group-text bg-transparent"> <i class="bx bx-hide"> </i>  </a>

                                                    @error('password')
                                                      <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-6">

                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked">
                                                    <label class="form-check-label" for="flexSwitchCheckChecked">Remember Me</label>
                                                </div>

                                            </div>
    

                                            <div class="col-md-6 text-end">	
                                                <a href="{{ route('password.request') }}">Forgot Password ?</a>
                                            </div>
    
                                            
                                            <div class="col-12">
                                                <div class="d-grid">
                                                    <button type="submit" class="btn btn-primary">Sign in</button>
                                                </div>
                                            </div>
    
                                            {{--
                                            <div class="col-12">
                                                <div class="text-center ">
                                                    <p class="mb-0">Don't have an account yet? <a href="authentication-signup.html">Sign up here</a>
                                                    </p>
                                                </div>
                                            </div>
                                            --}}
                            
                                        </form>
       
    
									</div>



                                   {{-- 
									<div class="login-separater text-center mb-5"> 
                                        <span>OR SIGN IN WITH</span>
										<hr>
									</div>

									<div class="list-inline contacts-social text-center">
										<a href="javascript:;" class="list-inline-item bg-facebook text-white border-0 rounded-3"><i class="bx bxl-facebook"></i></a>
										<a href="javascript:;" class="list-inline-item bg-twitter text-white border-0 rounded-3"><i class="bx bxl-twitter"></i></a>
										<a href="javascript:;" class="list-inline-item bg-google text-white border-0 rounded-3"><i class="bx bxl-google"></i></a>
										<a href="javascript:;" class="list-inline-item bg-linkedin text-white border-0 rounded-3"><i class="bx bxl-linkedin"></i></a>
									</div>
                                    --}}

								</div>
							</div>
						</div>
					</div>

				</div>
				<!--end row-->
			</div>

		</div>
	</div>
	<!--end wrapper-->



	@include('includes.vendor_login_footer')