<div id="page-content-wrapper">
<div class="page-content inset">
<!-- <div class="btn-group pull-right">


</div>
<div class="row">
<div class="col-md-7"></div> -->
<Center>
 <ul class="breadcrumb">
 <li><a href="<?php echo base_url();?>promociones/administrador/promocionEmergenteA">Promociones Emergentes</a> <span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>promociones/administrador/promocionFijaA">Promociones Fijas</a> <span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>promociones/administrador/promocioninstitucionalA"> Promociones Intitucionales</a><span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>promociones/administrador/promocionlocalA">Promociones Locales</a> <span class="divider"></span></li>

</ul>
</Center>
<head>
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/promociones.js"></script>
   <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
</head>

<center><h1>Promociones Institucionales</center>
<body>
  <div>
  <!-- <input type="text" class="col-md-2"  id="query" name="query"  /> -->
  <div class="col-md-7 navbar-form navbar">
        <label class="label-buscar">Buscar:</label>
        <input type="text" class="form-control searchC"  id="query" name="query" />
        <button type="button" class="btn btn-primary" style="visibility: hidden;"><span class='glyphicon glyphicon-plus'></span></button>
        <a href="<?=base_url()?>promociones/administrador/promocioninstitucionalA/agregar"><button type="button" class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span></button></a>
  </div>
  <table id="tablaPromociones"></table>
  </div>
</body>
  <!-- <div class="col-md-7">
</br>


<form id="form" class="navbar-form navbar" method="GET" action="<?=base_url()?>promociones/administrador/promocioninstitucionalA/buscar">
<a href="<?=base_url()?>promociones/administrador/promocioninstitucionalA/agregar"><button type="button" class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span></button></a>
<input type="text" class="form-control"  id="query" name="query" />
<input type="submit" class="btn btn-primary" id="buscar" value="Buscar" />
</form>          
</div>
</div>
<div class="table-responsive">
  <table class="table table-striped jambo_table bulk_action">
  <thead>
  <tr class="headings">
           <th>Código</th>
            <th>Promoción</th>
            <th>Categoría</th>
            <th>Clase</th>
            <th>Precio</th>
            <th>Zona</th>
            <th>Fech. Inicio</th>
            <th>Fech. Fin</th>
            <th>Estatus</th>
            <th>Acciones</th>
          
</tr>
<tbody>
  <?php  
          if ($consulta != FALSE){
            foreach ($consulta as $fila){
              echo "<tr>";
             
                 echo "<td>".$fila->FolioPromocion."</td>";
                echo "<td>".$fila->NombrePromocion."</td>";
                echo "<td>".$fila->NombreCategoria."</td>";
                echo "<td>".$fila->ClasePromocion."</td>";
                echo "<td>".$fila->Precio."</td>";
                echo "<td>".$fila->NombreZona."</td>";
                 echo "<td>".$fila->FechaInicioPromocion."</td>";
                  echo "<td>".$fila->FechaTerminoPromocion."</td>";
                echo "<td>".$fila->Estatus."</td>";
              
                echo "<td>";
                  echo "<a href='".base_url()."promociones/administrador/promocioninstitucionalA/editar/".$fila->IdPromociones."' class='label label-primary'>";
                  echo "<span class='glyphicon glyphicon-pencil'></a></span>";
                  echo "&nbsp;&nbsp;";
                  echo "<a onclick= 'if(confirma() == false) return false' href='".base_url()."promociones/administrador/promocioninstitucionalA/eliminar/".$fila->IdPromociones."' class='label label-danger'>";
                    echo "<span class='glyphicon glyphicon-trash'></a></span>";
          //  echo "<td>";
           // echo "<a href='".base_url()."promociones/administrador/promocioninstitucionalA/editarA/".$fila->IdPromociones."' class='label label-danger'>";
           //         echo "<span class='glyphicon glyphicon-plus'></a></span>";

                echo "</tr>";
            } 
          }       
        ?>
        
     </center>
</thead>
</table>
</div> -->
</div>
</div>
<!-- </tbody>
</thead>
</table> -->
<script>
    var base_url='<?php echo base_url();?>';
    $(document).ready(function(){
      $.ajax({
        url:base_url+"promociones/administrador/PromocioninstitucionalA/listaPromociones",
        dataType:'json',
        success:function (result) {
          var columns=[
            {"title":"Código"},
            {"title":"Promoción"},
            {"title":"Categoría"},
            {"title":"Zona"},
            {"title":"Precio"},
            {"title":"Fecha Inicio"},
            {"title":"Fecha Termino"},
            {"title":"Estado"},
            {"title":"Acciones"},
          ];
          $('#tablaPromociones').DataTable({
            dom:'lrtip',
            responsive:true,
            data: result,
            columns: columns,
            ServerSide: true,
            destroy: true,
            footer: true,
            processing: true,
            "lengthChange": false,
            "pageLength": 20,
            language: {
                            "lengthMenu": "Mostrar _MENU_ registros por pagina",
                            "zeroRecords": "No se encontraron resultados en su busqueda",
                            "searchPlaceholder": "Buscar registros",
                            "info": "Mostrando registros de _START_ al _END_ de un total de  _TOTAL_ registros",
                            "infoEmpty": "No existen registros",
                            "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                            "search": "Buscar:",
                            "paginate": {
                                "first": "Primero",
                                "last": "Último",
                                "next": "Siguiente",
                                "previous": "Anterior"
                            },
                        },           
          });
          var table = $('#tablaPromociones').DataTable();
          $('#query').on( 'input', function () {
              table.search( this.value ).draw();
          } );

        },//fin success
        error:function(xhr, textStatus, errorThrown, error){
                  console.log(xhr.responseText)
                    console.log("error");
        },
      }); //Fin ajax
    });
</script>