<?PHP
$uri ='Modules/operadores_del_monitor/operadores_del_monitor.php';
include_once($uri);

$operadores_monitor = new operador_monitor('');
$q = $operadores_monitor->cantidadOperadores();
if ($q > 0)
{
	header ('Location: login.php');
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="shortcut icon" href="images/favicon.png" type="image/png">

  <title>Configuración Inicial</title>

  <link href="../web_tools/css/style.default.css" rel="stylesheet">
  

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body>

<!-- Preloader -->
<div id="preloader">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>

<section>
  
  
  <div class="mainpanel">
        
   
    <div class="contentpanel">
      
      <div class="row">
              
        
          <div class="panel panel-default">
            <div class="panel-heading alert-success">
              <h4 class="panel-title">Configuración Inicial</h4>
              <p>Ingreso de los datos de configuración inicial.</p>
            </div>
            <div class="panel-body panel-body-nopadding">
             <div id="resultado"></div>
              <!-- BASIC WIZARD -->
              <div id="progressWizard" class="basic-wizard">
                
                <ul class="nav nav-pills nav-justified">
                  <li><a href="#ptab1" data-toggle="tab"><span></span> Datos de la empresa</a></li>
                  <li><a href="#ptab2" data-toggle="tab"><span></span> Operadores de Monitor</a></li>
                  
                </ul>
                
                  
                <div class="tab-content">                    
                  <div class="progress progress-striped active">
                    <div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>

                  
                  <div class="tab-pane" id="ptab1">

                      <div  class="form-group" id="group_razon_social">
                        <label class="col-sm-4">Razón social de la empresa: </label>
                        <div class="col-sm-8" id="group_razon_social">
                          	<input type="text" id="razon_social" onBlur="validar('razon_social','group_razon_social');" name="razon_social" class="form-control" />
                        </div>
                      </div>
                      
                      <div class="form-group" id="group_direccion">
                        <label class="col-sm-4">Dirección de la empresa: </label>
                        <div class="col-sm-8">
                          	<input type="text" id="direccion" name="direccion" onBlur="validar('direccion','group_direccion');" class="form-control" />
                        </div>
                      </div>
                      
                      <div class="form-group" id="group_telefono">
                        <label class="col-sm-4">Teléfono de la empresa: </label>
                        <div class="col-sm-8">
                         	<input type="text" id="telefono" onBlur="validar('telefono','group_telefono');" name="telefono" class="form-control" />
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label class="col-sm-4">Logo: </label>
                        <div class="col-sm-8">
                         	<input type="button" id="uploader" value="Examinar">
                        </div>
                      </div>

                  </div>
                  <div class="tab-pane" id="ptab2">
                      <div class="form-group" id="group_nombre_completo">
                        <label class="col-sm-4">Nombre Completo: </label>
                        <div class="col-sm-5">
                          <input type="text" id="nombre_completo" onBlur="validar('nombre_completo','group_nombre_completo');" name="nombre_completo" class="form-control" />
                        </div>
                      </div>
                      
                      <div class="form-group" id="group_nombre_usuario">
                        <label class="col-sm-4">Nombre de Usuario: </label>
                        <div class="col-sm-8">
                          <input type="text" id="nombre_usuario" onBlur="validar('nombre_usuario','group_nombre_usuario');" name="nombre_usuario" class="form-control" />
                        </div>
                      </div>
                      
                      <div class="form-group" id="group_password">
                        <label class="col-sm-4">Contraseña: </label>
                        <div class="col-sm-8">
                          <input type="password" id="password" onBlur="validar('password','group_password');" name="password"  class="form-control" />
                        </div>
                      </div>                      
                       <div class="form-group" id="group_repetir_password">
                        <label class="col-sm-4">Repetir Contraseña: </label>
                        <div class="col-sm-8">
                          <input type="password" id="repetir_password"  onBlur="validar('repetir_password','group_repetir_password');" name="repetir_password" class="form-control" />
                        </div>
                       
                      </div>
                    <button class="btn btn-primary" id="guardar" onClick="validar_operadores();" >Guardar</button>
                  </div>
                                   
                </div><!-- tab-content -->
               
                <div class="pager wizard">
                  <button class="previous" id="anterior" onClick="<a href=javascript:void(0)>" >Anterior</button>
                  <button class="next" id="siguiente" >Siguiente</button>
                </div>
                
              </div><!-- #basicWizard -->
              	
            </div><!-- panel-body -->
          </div><!-- panel -->
        
        
      </div><!-- row -->
      
      
      
    </div><!-- contentpanel -->
    
  </div><!-- mainpanel -->
  
  
  
</section>


<script src="../web_tools/js/jquery-1.10.2.min.js"></script>
<script src="../web_tools/js/jquery-migrate-1.2.1.min.js"></script>
<script src="../web_tools/js/bootstrap.min.js"></script>
<script src="../web_tools/js/modernizr.min.js"></script>
<script src="../web_tools/js/jquery.sparkline.min.js"></script>
<script src="../web_tools/js/toggles.min.js"></script>
<script src="../web_tools/js/retina.min.js"></script>
<script src="../web_tools/js/jquery.cookies.js"></script>

<script src="../web_tools/js/bootstrap-wizard.min.js"></script>
<script src="../web_tools/js/jquery.validate.min.js"></script>

<script src="../web_tools/js/custom.js"></script>
<script language="javascript" src="Modules/configuraciones/js_configuraciones.js"></script>
<script language="javascript" src="Modules/configuraciones/upclick.js"></script>

   <script type="text/javascript">

   var uploader = document.getElementById('uploader');

   upclick(
     {
      element: uploader,
      action: '../web_tools/upload.php', 
      onstart:
        function(filename)
        {
          alert('Subir archivos: '+filename);
        },
      oncomplete:
        function(response_data) 
        {
          if (response_data == '')
		  {
				document.getElementById('resultado').innerHTML = '';
				var mensaje = '<div class="alert alert-success fade in nomargin"><h4>Archivo aubido correctamente!</h4></div>';
				document.getElementById('resultado').innerHTML = mensaje;
		  }else{
			  	document.getElementById('resultado').innerHTML = '';
		        var mensaje = '<div class="alert alert-error fade in nomargin"><h4>Error al subir archivo!</h4></div>';
				document.getElementById('resultado').innerHTML = mensaje;
		  }
        }
     });

   </script>
</body>

</html>