<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 Local</h1></center>
<form action="<?php echo base_url();?>promociones/administrador/promocionlocalA/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('Ocuarrio un error!!!!!!');
                      }
                });
            }

        });
    });

    function clase(){
        let clase = document.getElementById('Clase').value;
        //alert(clase)
        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" required="">
      <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" required="">
      <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">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>
  <!-- <button type="submit" class="btn btn-primary">Guardar</button>

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


</form>
</div>
</div>
</div>
</div>
</body>

</html>