<?php
include_once("../src/conexion.php");

$link=ConectarseServidor();
ConectarseBaseDatos($link);
$zona=zona(); //consultamos los clientes

?>
<!DOCTYPE html>
<html>
    <head>
        <title>Presta Ya ! - Clientes</title>
        <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
        <!--<link rel="stylesheet" href="../bootstrap/css/bootstrap-select.min.css" />-->
        
        <script type="text/JavaScript" src="../js/jQuery.js"></script>
        <script src="../js/bootstrap.min.js"></script>
  		<script src="../js/bootstrapValidator.js"></script> 
        <!--<script src="../js/bootstrap-select.min.js"></script>-->
        <script type="text/JavaScript" src="../js/chosen.jquery.js"></script>
        <script type="text/JavaScript" src="../js/forms.js"></script> 
		<script type="text/JavaScript" src="../js/Reporte.js"></script> 
        <script>
      $(function() {
        $('.chosen-select').chosen();
        $('.chosen-select-deselect').chosen({ allow_single_deselect: true });
      });
    </script>
    </head>
    <body data-twttr-rendered="true">
		<div class="container">

			<div class="row">
			    <div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3">
					<form id="reg_cobrador" role="form">
						<input type="hidden" id="hidden" name="new"  value="new">
						<h2>Registro de Nuevos Cobradores</h2>
						<hr class="colorgraph">
                        
                        <div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6">
								<div class="form-group">
			                        <input type="text" name="txtNombre" id="txtNombre" class="form-control input-lg" placeholder="Nombre">
								</div>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-6">
								<div class="form-group">
									<input type="text" name="txtApellido" id="txtApellido" class="form-control input-lg" placeholder="Apellido">
								</div>
							</div>
						</div>   
                        
                        <div class="form-group">
									<label><h4>Zona</h4></label>
                                    <select name="txtZona" id="txtZona" data-placeholder="Seleccione la zona" class="chosen-select">
                                      <option value=""></option>
                                      <?php
                                          while ($row = mysql_fetch_array($zona)){
                                              ?>
                                              <option value="<?php echo  $row['id_zona']; ?>"><?php echo  $row['nombre_zona']; ?></option>
                                              <?php
                                          }
										  desconectarse($link);//cierra la conexion
                                      ?>
                                    </select>
						</div>                                             

						<hr class="colorgraph">
						<div class="row">
							<!--<div class="col-xs-12 col-md-6"><div class="btn btn-primary btn-block btn-lg" tabindex="7" id="btnCobrador">Crear Cobrador</div></div>-->
                            <button type="submit" id="btnCobrador" class="btn btn-success">Crear Cobrador</button>
						</div>
					</form>
				</div>
			</div>
		</div>
    </body>
</html>