{% load static %}
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
  <!-- BEGIN META -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta name="keywords" content="venta de material, compra de material,material cusco,venta de oro, compra de oro, oro, cusco oro">
  <meta name="description" content="Short explanation about this website"> 

  <title>
  Usuario Bloqueado

  </title>


  <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"/> 
 <!-- <link href="{% static 'bootstrap/css/docs.min.css' %}" rel="stylesheet"/>-->
  <link href="{% static 'bootstrap/css/bootstrap-datetimepicker.css' %}" rel="stylesheet"/>
  <link href="{% static 'material/css/kc.fab.css' %}" rel="stylesheet"/> 
  <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet"/> 
  <link href="{% static 'css/nav.css' %}" rel="stylesheet"/>
  <link href="{% static 'css/card.css' %}" rel="stylesheet"/>
  <link href="{% static 'bootstrap-tooltips/css/tooltips.css' %}" rel="stylesheet"/>
  <link href="{% static 'css/waitMe.css' %}" rel="stylesheet"/>
  <script src="{% static 'bootstrap/js/jquery.min.js' %}"></script>
  <link href="{% static 'selectize/css/selectize.bootstrap3.css' %}" rel="stylesheet"/> 
  <script src="{% static 'selectize/js/standalone/selectize.min.js' %}"></script>
  <script src="{% static 'bootstrap/js/Moment.js' %}"></script>
  <script src="{% static 'bootstrap/js/ie-emulation-modes-warning.js' %}"></script>
  <script src="{% static 'material/js/kc.fab.min.js' %}"></script> 
  <script src="{% static 'bootbox/js/bootbox.min.js' %}"></script>

  <script src="{% static 'bootstrap/js/jquery.numeric.js' %}"></script>
  <script src="{% static 'bootstrap/js/ie10-viewport-bug-workaround.js' %}"></script>
  <script src="{% static 'bootstrap/js/validator.js' %}"></script>
  <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
   
  
</head>
<body class="body-white"> 
 
<div id=base>
   <div class="row">
   <form action="/Desbloquear/" method="POST" data-toggle="validator" role="form" id="formulario">{% csrf_token %}
    <div class="col-lg-12 text-center" style="text-align: -webkit-center;">
       <img class="img-responsive" src="{% static 'img/impuntual1.png' %}" alt="" width="15%" height="15%"/>
      <h1 class="text-xxxl"><i class="fa fa-exclamation-circle text-danger"></i> Usuario Tardón!!</h1> 
      <h1 class="text-xl"> Solicite Código de desbloqueo al encargado</h1>
        <div class="col-sm-4 col-md-offset-4" id="page-wrap">
        <p></p> 
        <div class="form-group">
            <div class="fg-line">
              <input type="text" name="codigo" class="form-control" placeholder="Ingrese el código de desbloqueo" style="font-size: 20px;
    font-weight: bold;" name="codigo">
               
              <div class="form-control-feedback" style="text-align:left;" ></div>
            </div>
             <div class="help-block with-errors"></div>
          </div>   

        <button class="btn btn-danger btn-block" type="submit" >ACEPTAR</button>
        <p></p>
        <h1 class="text-sm"><u>Cada tardanza sera descontado en el sueldo que recibe</u></h1>
        </div>
    </div>
    </form>
   </div> 
</div> 
   
</body> 

  

 
 
</html>


 