<head>
    <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'?>">
    
	<link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css' /> 
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
    <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/agregarPromocion.js"></script>
    <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
</head> 
<header>
</header>
<body>
<center><h1>Agregar Promoción</h1></center>
    <div class="form-group modal-dialog modal-lg">
        <form  id="promociones" action="<?php echo base_url()?>promociones/franquiciatario/PromocionesF/guardar" method="post" >
            <div class="col-md-6">
                <label for="nombre">Nombre Promoción</label>
                <input type="text" id="nombre" name="nombre" class="form-control" placeholder="Nombre promoción" required="">
            </div>
            <div class="col-md-6">
                <label for="tipo">Tipo Promoción</label>
                <select id="tipo" name="tipo" class="form-control" required="">
                <option value="" selected disabled>Seleccionar promoción</option>
                <option value="2">PROMOCIÓN LOCAL</option>
                <option value="4">PROMOCIÓN EMERGENTE</option>
                </select>
            </div>
            <div class="col-md-6">
                <label for="categoria">Categoría </label>
                <select class="form-control" id="categoria" name="categoria" required="">
                    <option value="" selected disabled>--- 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="clasificacion">Clasificación</label>
                <select class="form-control" id="clasificacion" name="clasificacion" required>
                <option value="" selected disabled>--- Selecciona una opción ---</option>
                <option value="UNITARIO">UNITARIO</option>
                <option value="PAQUETE">PAQUETE</option>
                </select>
            </div>
            <div class="col-md-6">
                <label for="sesiones">Sesiones</label>
                <input type="text" class="form-control" id="sesiones" name="sesiones"  maxlength='2' placeholder="Sesiones" required="">
                </select>
            </div>
            <div class="col-md-6">
                <label for="duracion">Duración por sesión</label>
                <input type="text" class="form-control" id="duracion" name="duracion"  maxlength='2' placeholder="Minutos por sesión" required="">
                </select>
            </div>
            <div class="col-md-6">
                <label for="precio">Precio</label>
                <div class="input-group">
                <span class="input-group-addon">$</span>
                <input type="text" class="form-control" id="precio" name="precio" maxlength='7'  placeholder="Precio" onkeypress="return validaPunto(event);" required>
                </div>          
            </div>
            
            <div class="col-md-6">
                <label for="descripcion">Descripción</label>
                <textarea class="form-control" rows="4" id="descripcion" name="descripcion"   required > </textarea>
            </div>
            <div class="col-md-6">
                <label for="name1">Fecha Inicio</label>
                <input type="text" class="form-control date-picker readonly" id="fechai" name="fechai" placeholder="dd-mm-yyyy" autocomplete="off" required="">
            </div>
            <div class="col-md-6">
                <label for="name1">Fecha Termino</label>
                <input type="text" class="form-control date-picker readonly" id="fechaf" name="fechaf" placeholder="dd-mm-yyyy" autocomplete="off" required="">
            </div>
            <input type="text" class="oculto form-control">
            <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>
        </form>
    </div>
</body>
<script>
if(document.getElementById('nombre').value!="")
{
    location.href="";
}
</script>