<link rel="stylesheet" href="templates/Assets/css/AdminLTE.min.css">
<link rel="stylesheet" href="templates/Assets/css/dataTables.bootstrap.css">
<style>
  .body{
    background: #FFF!important;
  }
  .nav.nav-pills>li>a.active {
    background-color: #e2e3e5;
    border: 0;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    color: #2f353f !important;
  }
  .nav.nav-pills>li>a {
    background-color: #fff;
    border: 0;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    color: #2f353f !important;
  }
</style>
<div class="BodyContainer">

  <div class="row">
    <div class="col-sm-12">
      <h4 class="page-title">Turbine sua loja <i class="ion-ios7-speedometer-outline"></i></h4>
      <p>Aqui você poderá encontrar modulos ou adicionais para incrementar em sua loja!</p>
    </div>
  </div>
  <div class="tab-content">
    <table id="tabela1" class="table table-bordered table-striped">
      <ul class="nav nav-pills">
        <li class="nav-item">
          <a class="nav-link {{active|safe}}" href="index.php?ToDo=applista&cat=999">Listar Todos</a>
        </li>
        <li class="nav-item">
          <a class="nav-link {{active19|safe}}" href="index.php?ToDo=applista&cat=19">Adicionais</a>
        </li>
        <li class="nav-item">
          <a class="nav-link {{active25|safe}}" href="index.php?ToDo=applista&cat=25">Módulos de Envio</a>
        </li>
        <li class="nav-item">
          <a class="nav-link {{active24|safe}}" href="index.php?ToDo=applista&cat=24">Módulos de Recebimentos</a>
        </li>
      </ul>
      <br>
      <thead>
        <tr>
        <th>Id</th>
        <th>Nome</th>
        <th></th>
        </tr>
      </thead>

      <tbody>
        {{Produtos|safe}}
      </tbody>
    </table>
  </div>
  <script src="templates/Assets/js/jquery-3.1.1.min.js?"></script>
  <script src="templates/Assets/js/jquery.dataTables.min.js"></script>
  <script src="templates/Assets/js/dataTables.bootstrap.min.js"></script>
  <script>
  $(function () {
    $('#tabela1').DataTable({
      "paging": true,
      "lengthChange": true,
      "searching": true,
      "ordering": true,
      "order": [[ 0, "desc" ]],
      "info": false,
      "autoWidth": true
    });
  $('input').iCheck({
      checkboxClass: 'icheckbox_square-blue',
      radioClass: 'iradio_square-blue'
    });
    
  });
</script>
</div>