<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>.: Ventas e Inventario :.</title>

    <!-- Bootstrap core CSS -->
    <link href="res/bootstrap3/css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="css/sb-admin.css" rel="stylesheet">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <script src="js/jquery-1.10.2.js"></script>

   </head>

   <body>

    <div id="wrapper">

      <!-- Sidebar -->
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="./">Sistema de Ventas e Inventario</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
<?php 
$u=null;
if (Session::getUID()!=""):
   $u = UserData::getById(Session::getUID());
   ?>
   <ul class="nav navbar-nav side-nav">
   <li><a href="index.php?view=home"><i class="fa fa-home"></i> Inicio</a></li>
   <li><a href="index.php?view=sell"><i class="fa fa-usd"></i> Vender</a></li>
   <li><a href="index.php?view=sells"><i class="fa fa-shopping-cart"></i> Ventas</a></li>
   <li><a href="index.php?view=box"><i class="fa fa-archive"></i> Caja <small><span class="label label-success">Nuevo</span></small></a></li>
   <li><a href="index.php?view=products"><i class="fa fa-glass"></i> Productos</a></li>
   <li><a href="index.php?view=categories"><i class="fa fa-th-list"></i> Categorias </a></li>
   <li><a href="index.php?view=clients"><i class="fa fa-smile-o"></i> Clientes </a></li>
   <li><a href="index.php?view=providers"><i class="fa fa-truck"></i> Proveedores <small><span class="label label-success">Nuevo</span></small></a></li>
   <li><a href="index.php?view=inventary"><i class="fa fa-area-chart"></i> Inventario</a></li>
   <li><a href="index.php?view=re"><i class="fa fa-refresh"></i> Reabastecer <small><span class="label label-success">Nuevo</span></small></a></li>
   <li><a href="index.php?view=res"><i class="fa fa-th-list"></i> Reabastecimientos <small><span class="label label-success">Nuevo</span></small></a></li>
   <li><a href="index.php?view=reports"><i class="fa fa-tasks"></i> Reportes</a></li>
   <?php
   if ($u->is_admin):?>
      <li><a href="index.php?view=users"><i class="fa fa-users"></i> Usuarios </a></li>
      <li><a href="index.php?view=settings"><i class="fa fa-cogs"></i> Configuracion </a></li>
      <?php
   endif;?>
   </ul>
   <?php
endif;?>

<?php
if (Session::getUID()!=""):?>
   <?php 
   $u=null;
   if (Session::getUID()!=""):
      $u = UserData::getById(Session::getUID());
      $user = $u->name." ".$u->lastname;
   endif; ?>
   <ul class="nav navbar-nav navbar-right navbar-user">
   <li class="dropdown user-dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown">
   <?php echo $user; ?> <b class="caret"></b>
   </a>
   <ul class="dropdown-menu">
   <li><a href="index.php?view=configuration">Cambiar Clave</a></li>
   <li><a href="logout.php">Salir</a></li>
   </ul>
   <?php
else: ?>
   <?php
endif; ?>

</div><!-- /.navbar-collapse -->
</nav>

<div id="page-wrapper">

<?php 
// puedo cargar otras funciones iniciales
// dentro de la funcion donde cargo la vista actual
// como por ejemplo cargar el corte actual
View::load("login");
?>

</div><!-- /#page-wrapper -->

</div><!-- /#wrapper -->

<!-- JavaScript -->

<script src="res/bootstrap3/js/bootstrap.min.js"></script>
<script src="res/datepicker/js/bootstrap-datepicker.js"></script>
<script>
            $('.tip').tooltip();

            $('#alert').hide();
  var startDate = new Date();
      var endDate = new Date();
      $('#dp4').attr('data-date',startDate);
      $('#dp5').attr('data-date',endDate);

      $('#startDate').text($('#dp4').data('date'));
      $('#endDate').text($('#dp5').data('date'));
      $('#dp4').datepicker()
        .on('changeDate', function(ev){
          if (ev.date.valueOf() > endDate.valueOf()){
            $('#alert').show().find('strong').text('La fecha de inicio no debe ser mayor que la fecha de fin.');
          } else {
            $('#alert').hide();
            startDate = new Date(ev.date);
            $('#startDate').text($('#dp4').data('date'));
            $('#stdate').val($('#dp4').data('date'));
          }
          $('#dp4').datepicker('hide');
        });

      $('#dp5').datepicker()
        .on('changeDate', function(ev){
          if (ev.date.valueOf() < startDate.valueOf()){
            $('#alert').show().find('strong').text('La fecha de fin no debe ser menor que la fecha de inicio.');
          } else {
            $('#alert').hide();
            endDate = new Date(ev.date);
            $('#endDate').text($('#dp5').data('date'));
            $('#endate').val( $('#dp5').data('date') );
          }
          $('#dp5').datepicker('hide');
        });


</script>
</body>
</html>
