<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
  <link rel="stylesheet" href="/assets/css/CSS.css">
  <title>Login | iFlexMoney</title>
</head>

<body>


  <div class="container" style="margin-top: 50px;">

    <div class="row justify-content-center">

      <div class="col-12 col-md-9 col-lg-6">

        <div class="main-div card">
          <h2 class="mt-5">iFlexApps<span style="color:red;">.</span></h2>
          <h5>Sign In</h5>
          
          

          
          <form id="loginForm" method="post"  action="{{ route('login_user') }}" class="w-100 text-center d-flex flex-column justify-content-center mt-5 form-div">
            @csrf
            <div class="row justify-content-center">
              <div class="col-12">

                @if($msg=session()->get('error'))
                <div class="alert alert-danger">
                    {{$msg}}
                </div>
                <br>
                @endif
          
                <div class="myusernamediv">
                  <input type="text" name="iflex_id" id="iflex_id" class="form-control rounded rounded-3 py-2 username checkval dum1"
                    autocomplete="email">
                  <span class="idspan">iFlex ID or Email</span>
                  <label class="hide1" id="IdError">Please enter iFlex ID</label>
                </div>

                <div class="myusernamediv">
                  <input type="password" name="password" id="password" class="form-control rounded rounded-3 py-2 username pass checkPval dum1"
                    autocomplete="password">
                  <span class="idspan">Password</span>
                  <label class="hide" id="PassError">Please enter Password</label>

                  <div class="eyeicon1">
                    <i style="font-size: 20px;" class="fi-rs-eye text-muted showpassword1 hide"></i>
                    <i style="font-size: 20px;" class="fi-rs-eye-crossed text-muted hidepassword1"></i>
                    <i class=""></i>
  
                  </div>
  
                </div>

                


               


                <div class="col-12 p-0 mt-1 text-right  text-muted formtext" style="cursor: pointer;">
                  <p><a class="text-muted" href="/forgetpassword">Forget Password?</a></p>
                </div>

                


                <input type="button" id="LoginBtn" class="btn btn-block btn-info rounded text-white rounded-3 py-2 loginbtn"  style="margin-top: 30px;"  value="LogIn">

                <a class="btn btn-block btn-info rounded rounded-3 py-2 creataccbtn" id=""
                  style="margin-top:10px; margin-bottom:20px;color: white;"  >Create Account</a>


                <div class="col-12 p-0 askforacc overflow-hidden border border-1 hide ">
                  <div style=" box-shadow: 0px 0px 3px 0px rgba(207,207,207);">

                    <a href="/register" class="ancorcolor1" style="text-decoration:none; color:black;">
                    <div class="d-flex justify-content-center pb-1 pt-2  accountopt">
                      For Yourself
                    </div>
                    </a>
                    
                    <a href="#" class="ancorcolor1" style="text-decoration:none; color:black;">
                    <div class="d-flex justify-content-center pb-1 pt-2  accountopt">
                      For Business
                    </div>
                    </a>
                  </div>
                </div>


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



          <div class="row justify-content-between mt-4">
           <div id="createacc" class="col-12 text-left  formtext text-muted position-relative">

             
         
          </div>
         
          </div>

      


        </div>


        <div class="row d-flex justify-content-between" style="padding: 0 20px;">



          <div class="selectlanguage">
            <select class="selectpicker  text-muted" data-show-subtext="true" data-live-search="true">
              
              <option>English</option>
              <option>Francais</option>
              <option>Chinese</option>
              <option>Portuguese</option>
              <option>Spanish</option>
            </select>

          </div>
          <div>
            <label><a href="" class="p-1 privacytxt">Privacy Policy</a>
            </label>
          </div>

        </div>
      </div>
    </div>
    
    
    
        <div class="row d-flex justify-content-center">

      <div class="col-md-6 d-flex justify-content-center">
      
       <a href="http://iflexapps.com/"> <button class="allAppsBtn">
          All Apps & Services
        </button></a>
      </div>
    
    
    </div>
    
    
    
    
  </div>











  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  <script src="/assets/js/Javascript.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>





</body>

</html>     

<script type="text/javascript">
    $(document).ready(function(){


        $("#iflex_id").on('focus',function(){
            $("#iflex_id").removeClass('dum1');
        });
        $("#password").on('focus',function(){
            $("#password").removeClass('dum1');
        });

        
    });

    function login_validation(){
      

        var iflex_id=$("#iflex_id").val();
        var password=$("#password").val();
        if(iflex_id=="" || password==""){
            alert();
            return false;       
        }else{
            return true;
        }
        
    }
</script>