<div id="page-content-wrapper">
  <div class="page-content inset">
<!-- <div class="row"> -->
<div class="modal-dialog modal-lg">
<head>
  <!-- Manda a traer el javascript para validar el formulario -->
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
</head>
<!-- Codigo Bootstrap Va AQUI -->
<center><h1>Agregar Promoción Emergente</h1></center>
<form action="<?php echo base_url();?>promociones/administrador/promocionEmergenteA/guardar" method="POST">
 <div class="form-group">
  
  <script type="text/javascript">
     $(document).ready(function(){
        $('#txt_idfranquicia').on('change',function(){
            var IdFranquicias =$(this).val(); 
            if(IdFranquicias == ""){
              $('#txt_idzona').prop('disabled',true);
            }else
            {
                $('#txt_idzona').prop('disabled',false);
                $.ajax({
                  url:'MostrarZona',
                  type:"POST",
                  data:{'IdFranquicias': IdFranquicias},
                  success: function(data){
                   $('#txt_idzona').html(data);
                  },
                      error: function(){
                        alert('Ocurrio un error!!!!!!');
                      }
                });
            }

        });

      });

      function clase(){
        /* Para obtener el valor */
        var clase = document.getElementById("Clase").value;
        //alert(cod);
        
        if (clase==="SERVICIO") {
          document.getElementById('contTiempo').style.display="block";
        }else{
          document.getElementById('contTiempo').style.display="none";
        }
      }
  </script>

      <div class="col-md-6">
        <label for="name1">Tipo Promoción </label>
        <select class="form-control" name="txt_idtipopro"> <?php foreach ($ReTipoPromocion as $i => $tipopromocion)    
          echo '<option value="',$i,'">',$tipopromocion,'</option>'; ?> </select>
      </div>

      <div class="col-md-6">  
        <label for="name1">Nombre Promoción</label>
        <input type="text" class="form-control" id="name1" maxlength='75' name="txt_NombrePromocionpro" placeholder="Nombre Promoción"  required>
        </div>
      
      <div class="col-md-6">
      <label for="name1">Categoría </label>
      <select class="form-control" name="txtcategoria" required="">
      <option value="">--- Selecciona una opción ---</option>
       <?php foreach ($ReCategoria as $i => $categoria)    
      echo '<option value="',$i,'">',$categoria,'</option>'; ?> </select>
      </div>
      
      <div class="col-md-6">
         <label for="name1" placeholder="" >Clasificación</label>
         <select id="f"   class="form-control" name="Clasificacion">
         <option value="">--- Selecciona una opción ---</option>
         <option value="UNITARIO">UNITARIO</option>
         <option value="PAQUETE">PAQUETE</option>
         </select>
      </div>
      
      <div class="col-md-6">
        <label for="name1" placeholder="" >Clase</label>
        <select id="Clase"   class="form-control" onchange="clase();" name="Clase">
        <option value="">--- Selecciona una opción ---</option>
        <option value="PRODUCTO">PRODUCTO</option>
        <option value="SERVICIO">SERVICIO</option>
        </select>
      </div>
      
      <div class="col-md-6">  
        <label for="name1">Piezas/Sesiones</label>
        <input type="text" class="form-control" id="name1" maxlength='11' name="txt_cantidad" placeholder="Sesiones" required>
      </div>
      
      <div class="col-md-6">
        <label for="name1">Precio</label>
        <input type="text" class="form-control" id="name1" maxlength='11' name="txtnumero_servicios" placeholder="Precio" required>
      </div>
      <div class="col-md-6" id="contTiempo" style="display:none">
        <label for="nombre">Duración por sesión</label>
        <input type="number" class="form-control" id="tiempo" name="tiempo" placeholder="MINUTOS POR SESIÓN" >
      </div>  
      <div class="col-md-6">
       <label for="name1">Fecha Inicio</label>
       <input type="date" class="form-control" id="name1" maxlength='70' name="txt_fechai" placeholder="Descripción" required>
      </div>
      
      <div class="col-md-6">
        <label for="name1">Fecha Termino</label>
        <input type="date" class="form-control" id="name1" maxlength='70' name="txt_fechaf" placeholder="Descripción" required>
      </div>
      
      <div class="col-md-6">
        <label for="name1">Estado</label>
        <select class="form-control" name="txt_estatus"> 
        <option value="ACTIVA">Activa</option>
        <option value="DESACTIVA">Desactiva</option>
        </select>
      </div>
      
      <div class="col-md-6">
        <label for="name1">Franquicia  </label>
        <select class="form-control" name="txt_idfranquicia" id="txt_idfranquicia"> 
          <option value="">--- Selecciona una opción ---</option>
          <?php foreach ($ReFranquicia as $i => $franquicias)    
         echo '<option value="',$i,'">',$franquicias,'</option>'; ?> </select>
      </div>
      
      <div class="col-md-6">
        <label for="name1">Zona  </label>
        <select class="form-control" name="txt_idzona" id="txt_idzona"> 
          <option value="">--- Selecciona una opción ---</option> </select>
      </div>
      
      <div class="col-md-6">
        <label for="name1">Descripción</label>
        <textarea class="form-control" rows="3" id="name1" name="txt_DescripcionPromocion"   required > </textarea>
      </div>
    </div>
    <input type="text" class="form-control oculto">
    <div class="form-group col-md-10 div-centrado">             
                <button type="submit" id="guardar" class="btn btn-primary col-md-4 col-xs-5 pull-right"> <span class="glyphicon glyphicon-floppy-disk"> </span> Guardar</button>
                <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-4 col-xs-5 pull-left"> <span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>  
    </div>
    <!-- <div>
    </div> -->
  <!-- <button type="submit" class="btn btn-primary">Guardar</button>

 <a href="<?php echo base_url();?>promociones/administrador/promocionEmergenteA?>"><button type="button" class="btn btn-danger">Cancelar</button></a> -->


</form>
<!-- </div> -->
</div>
</div>
</div>
</body>

</html>