<!DOCTYPE html>
<html lang="pt-br">


<head>
	<meta charset="UTF-8" >
    <title>AGK Confecções</title>
           <meta name="viewport" content="width=device-width, initial-scale=1">
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
           <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>  
           <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>  
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>           
           <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />  
         <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"/></script>               
</head>
		   
    <body>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#cnpj").mask("99.999.999/9999-99");
			});
		</script>  	
	
        <script>
            $(document).ready(function(){
                $('[data-toggle="tooltip"]').tooltip();   
            });
        </script>
        <script>
          $( function() {
            $( "#datepicker" ).datepicker();
          } );
      </script>

        <?php
			date_default_timezone_set('America/Sao_Paulo');
			$pagina_atual = basename($_SERVER['PHP_SELF']);
        ?>
        <nav class="navbar navbar-inverse navbar-fixed-top">
          <div class="container-fluid">
            <div class="navbar-header">
              <a class="navbar-brand" href="#">AGK</a>
            </div>
            <ul id="menu" class="nav navbar-nav">

                <ul class="nav navbar-nav">
                 </ul>
				<li<?php echo ($pagina_atual == 'companies_index.php' ? ' class="active"' : ''); ?>>
					<a href="companies_index.php">Clientes e Fornecedores</a>
				</li>

				<li<?php echo ($pagina_atual == 'tecido_index.php' ? ' class="active"' : ''); ?>>
					<a href="tecido_index.php">Tecidos</a>
				</li>
                <li<?php echo ($pagina_atual == 'piloto_index.php' ? ' class="active"' : ''); ?>>
                    <a href="piloto_index.php">Pilotos</a>
                </li>
                <li<?php echo ($pagina_atual == 'pedido_index.php' ? ' class="active"' : ''); ?>>
                    <a href="pedido_index.php">Pedidos</a>
                </li>
                <li<?php echo ($pagina_atual == 'oc_index.php' ? ' class="active"' : ''); ?>>
                    <a href="oc_index.php">Ordem de Corte</a>
                </li>
                <li<?php echo ($pagina_atual == 'apontamento_index.php' ? ' class="active"' : ''); ?>>
                    <a href="apontamento_index.php?id=0&filter=1&route=0">Apontamentos</a>
                </li>
                <li<?php echo ($pagina_atual == 'relatorio_mod1.php' ? ' class="active"' : ''); ?>>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#">Relatórios
					<span class="caret"></span></a>
					<ul class="dropdown-menu">
					  <li><a href="relatorio_mod1.php">Produção</a></li>
					  <li><a href="relatorio_mod2.php">Apontamentos</a></li>
					</ul>

                </li>
			</ul>
            <ul class="nav navbar-nav navbar-center">
              <li><a href="javascript:window.location.reload(true)"><span class="glyphicon glyphicon-refresh"></span> Refresh</a></li>
            </ul>
			
            <ul class="nav navbar-nav navbar-right">
              <li><a href="logout.php">Sair</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
				<li><a href="#">USUÁRIO: <?php echo $nome_user ;?> </a></li>
            </ul>            
          </div>    
        </nav>

        <br>
        <br>
        <br>
        
        <div class="container">
