@extends('layout.masterLogin')
@section('content') 
<div class="login-box">
 
  <!-- /.login-logo -->
  <div class="card">
       <div class="login-logo">
    <a href="/"><b>e</b>Collect</a>
  </div>
    <div class="card-body login-card-body">
     
 @if ($errors->any())
    <p class="login-box-msg" > <div class="alert alert-danger"style="margin-left: 80px;
    margin-right: 80px;">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div></p>
  @endif
      <form action="{{ url('login')}}" method="post">
          @csrf
        <div class="input-group mb-3">
          <input type="text" name="email" id ="email" value="{{old('email')}}"  class="form-control" placeholder="Email">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-envelope"></span>
            </div>
          </div>
        @if ($errors->has('email'))
                  <span class="text-danger">{{ $errors->first('email') }}</span>
        @endif
        </div>
        <div class="input-group mb-3">
          <input type="password" name="password" class="form-control" id="password" placeholder="Password">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-lock"></span>
            </div>
          </div>
           @if ($errors->has('password'))
                  <span class="text-danger">{{ $errors->first('password') }}</span>
                  @endif
        </div>
        <div class="row">
          <div class="col-8">
            <div class="icheck-primary">
              <input type="checkbox" id="remember" onclick="myFunction()">
              <label for="remember" >
                Show Password
              </label>
            </div>
          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block">Sign In</button>
          </div>
          <!-- /.col -->
        </div>
      </form>

      
      <p class="mb-1">
        <a href="{{ url('forgetPassword')}}">I forgot my password</a>
      </p>
      
       
     
    </div>
      
      <!--p class="text-center" style="border-top: 1px solid silver;padding-top: 10px !important;">
        <a style="color: #575454 !important;" href="https://www.speedpayzm.com/" target="_blank">Provided By SpeedPay Limited</a>
      </p-->
    <!-- /.login-card-body -->
  </div>
</div>
@endsection
 
 
 
<script>
function myFunction() {
  var x = document.getElementById("password");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}
</script><!-- comment -->