<div id="page-content-wrapper">
  <div class="page-content inset">
<div class="row">
<div class="col-md-7">
<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'?>">
</head>
<center><h1>Modificar Promoción Fija</h1></center>


<form action="<?php echo base_url();?>promociones/administrador/promocionFijaA/editarenlace/<?=$IdPromociones?>" method="POST">

  <div class="form-group">
    
      <label for="name1">Tipo Promoción</label>
      <select id="f"  name="TipoPromocion_IdTipoPromocion" id="TipoPromocion_IdTipoPromocion" class="form-control"> 
        <?php foreach ($ReTipoPromocion as $i => $Tipo)    
            echo '<option value="',$i,'"'.(strcmp($i,$tipopromocion_IdTipoPromocion)=== 0?' selected="selected"':'').'>'.$Tipo.'</option>'; ?> </select>

      <label for="name1">Nombre Promoción</label>
     <input type="text" class="form-control" id="NombrePromocion" name="NombrePromocion" value="<?=$NombrePromocion?>" placeholder="Id Zona"  required>


      <label for="name1">Categoría </label>
     <select id="f"  name="Categoria_IdCategoria" id="Categoria_IdCategoria" class="form-control" > 
        <?php foreach ($ReCategoria as $i => $Categoria)    
            echo '<option value="',$i,'"'.(strcmp($i,$categoria_IdCategoria)=== 0?' selected="selected"':'').'>'.$Categoria.'</option>'; ?> </select>

      <label for="name1">Clasificación</label>
      <select id="ClasificacionPromocion"  class="form-control" name="ClasificacionPromocion"> 
        <option value="UNITARIO" <?php if($ClasificacionPromocion=="UNITARIO") echo "selected";?>>UNITARIO</option> 
        <option value="PAQUETE" <?php if($ClasificacionPromocion=="PAQUETE") echo "selected";?>>PAQUETE</option> 
      </select>

        <label for="name1">Clase</label>
      <select id="ClasePromocion" onchange="clase();" class="form-control" name="ClasePromocion"> 
        <option value="PRODUCTO" <?php if($ClasePromocion=="PRODUCTO") echo "selected";?>>PRODUCTO</option> 
        <option value="SERVICIO" <?php if($ClasePromocion=="SERVICIO") echo "selected";?>>SERVICIO</option> 
      </select>
    
      <label for="name1">Precio</label>
      <input type="text" class="form-control" id="Precio" name="Precio" value="<?=$Precio?>" placeholder="Id Zona" required>

      <?php if($ClasePromocion=="SERVICIO"){
        echo '<div class="div" id="contTiempo" style="display:block">';
      }elseif ($ClasePromocion=="PRODUCTO") {
        echo '<div class="div" id="contTiempo" style="display:none">';
      }
      ?>  
        <label for="nombre">Duración por sesión</label>
        <input type="number" class="form-control" id="tiempo" value="<?=$DuracionPromocion?>" name="tiempo" placeholder="MINUTOS POR SESIÓN">
      </div>
     <label for="name1">Descripción</label>
      

      <textarea class="form-control" rows="3" id="DescripcionPromocion" name="DescripcionPromocion"  > <?php echo $DescripcionPromocion;?></textarea>
      <label for="name1">Fecha Inicio</label>
     <input type="date" class="form-control" id="FechaInicioPromocion" name="FechaInicioPromocion" value="<?=$FechaInicioPromocion?>" placeholder="Id Zona" required>

      <label for="name1">Fecha Término</label>
      <input type="date" class="form-control" id="FechaTerminoPromocion" name="FechaTerminoPromocion" value="<?=$FechaTerminoPromocion?>" placeholder="Id Zona" required>

      <label for="name1">Estado </label>
      <select class="form-control" name="txt_estatus"> 
      <option value="ACTIVA" <?php if($Estatus=="ACTIVA") echo "selected";?>>Activa</option> 
      <option value="DESACTIVA" <?php if($Estatus=="DESACTIVA") echo "selected";?>>Desactiva</option> 
      </select>


      <label for="name1">Zona</label>
     <select class="form-control" id="Zona_IdZona" name="Zona_IdZona" > 
    <?php foreach ($ReZona as $i => $zona) 
          echo '<option value="',$i,'"'.(strcmp($i,$zona_IdZona)=== 0?' selected="selected"':'').'>'.$zona.'</option>'; ?> </select>
    </div>
  <button type="submit" class="btn btn-primary" name="editar" id="editar" value="editarenlace">Guardar</button>
 <a href="<?php echo base_url();?>promociones/administrador/promocionFijaA?>"><button type="button" class="btn btn-danger">Cancelar</button></a>

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

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

</html>