Current File : /home/sanghavirealty/public_html/resourcesazwer/views/authviews/login.blade.php
@extends('loginlayout.login-layout-design',[
    'admintitle'=> 'Login'
    
    ])
    
    
    @section('content')

<style>

.fa-eye-slash:before {
    content: "\f070";
    color: #888!important;
    font-size: 14px;
}
.field-icon {
    float: right;
    margin-left: -1px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    left: -11px;
    color: #777;
    font-size: 14px;
}

.container{
  padding-top:50px;
  margin: auto;
}

    </style>
  

    <div class="col-lg-12 col-md-12 d-flex flex-column ms-auto me-auto login">
        <div class=" text-center loginlogo">
        <img class="mb-3" src="{{url('userassets')}}/logo.png">
     
       </div>
       <h3 class="my-2 text-center">Member Login</h3>
       

       <div class=" form-top alert alert-danger">
        @include('error.error-display')
          </div>

    <form _lpchecked="1" method="POST" action="{{ route('login') }}">
        @csrf

        
        <div class="form-group mb-2">

    <input id="email" class="form-control" type="text" name="email" value="{{old('email')}}" required autofocus placeholder='Email'/>
    <label for="">Email address</label>          
</div>
      

            <div class="form-group mb-3">

    <input id="password" class="form-control" type="password" name="password" required autocomplete="current-password" placeholder='Password' />
    <label for="">Password</label>

     <input id="remember" class="form-control" type="hidden" name="rememberme" value='true'>
    
    <span id='toggle' data-toggle="#password"  class="fa fa-fw fa-eye field-icon toggle-password"></span>
</div>



<div class="block mt-2">
  <label for="remember_me" class="flex items-center rememberme">
 <input type='checkbox' id="remember_me" name="remember" />
    
      <span class="ml-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
  </label>
</div>




<div class="loginbtn my-3">
    <button class="w-100 btn btn-primary hvr-bounce-to-top fade-in"  type="submit" class="form-control" >Sign in  <i class="fa fa-arrow-right"></i></button>
</div>

    </form>   

    <div class=" my-0 lost">
        <a class="small" href="/forgot-password"> Lost your password?</a>
        </div>
                 {{-- <div class="my-3 align-item-center bottombtn">
                   <a class="fb btn btn-info btn-lg btn-block " href="#!" role="button">
                     <img class="img-fluid" src="assets/images/fb.png">Login with Facebook
                   </a>
                   <a class="gl btn btn-info btn-lg btn-block" href="#!" role="button">
                      <img class="img-fluid" src="assets/images/google.png">Login with Google</a>
                     
                     </div>  --}}

                     <div class="mt-1 mb-0 account ">
{{--                              
                         Don't have an account? <a class="small" href="/register">  Register</a> --}}

                         Are you a new user ! <a class="small" href="/register">  Register</a> 


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

       <script>

document.querySelectorAll(".toggle-password").forEach(function(element) {
  element.addEventListener("click", function() {
    this.classList.toggle("fa-eye");
    this.classList.toggle("fa-eye-slash");
 
    var input = document.querySelector(this.getAttribute("data-toggle"));

    if (input && input.getAttribute("type") === "password") {
      input.setAttribute("type", "text");
    } else if (input) {
      input.setAttribute("type", "password");
    }
  });
});

        </script>


    @stop