<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" href="../../favicon.ico">

    <title><?php if (isset($TITULO_SITE)){ echo $TITULO_SITE; } ?></title>

	<script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
	<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>

	<script type="text/javascript" src="js/jquery.mask.js"></script>

    <link href="bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet">
	
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">

    
	<link rel="stylesheet" href="css/boleto.css" type="text/css"/>
  
  </head>

  <body>

    <div class="container">

      <!-- Static navbar -->

      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <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="index.php"><?php if (isset($TITULO_SITE)){ echo $TITULO_SITE; } ?></a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href='extrato.php'>D&eacute;bitos</a></li>
				<li class="active"><a href="extratoperiodo.php">Extrato</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">

	<?php 

		if (!empty($_SESSION["NOME"])) 
		{
			echo "
				<li class='dropdown'>
					<a href='#' class='dropdown-toggle' data-toggle='dropdown' role='button' aria-expanded='true'>
						". $_SESSION["NOME"] ." <span class='caret'></span>
					</a>
					<ul class='dropdown-menu' role='menu'>";

						$total = 0 ;
						if (isset($_SESSION["DEPENDENTE"]))
							$total = $_SESSION["DEPENDENTE"];

						for ($i=0; $i<$total; $i++) 
						{
							if ($_SESSION["DEPENDENTE_CODIGO_". $i] != $_SESSION["CODIGO"])
							{
								echo "<li><a href='trocar.php?id=". $_SESSION["DEPENDENTE_CODIGO_". $i] ."'>". $_SESSION["DEPENDENTE_NOME_". $i] ."</a></li>";
							}
						}

			echo "
					</ul>
				</li>";
		}

	?>
				<li><a href="logout.php">Sair <span class="sr-only"></span></a></li>
            </ul>

          </div>
        </div>
      </nav>

		<div class="row">
			<div class="col-md-12">
				<?php echo $conteudo; ?>
			</div>
		</div>
		<div class="footer">
			<br><br><br>
		</div>
    </div>


    <script src="bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>
					
	<script type="text/javascript">

		$(document).ready(function() 
		{
			$(".ui-nu-date").datepicker().mask("00/00/0000", { placeholder: "__/__/____" });

		});

		$(function()
		{                                                                                                                                         
			$('.selectUsuario').change(function(){                                                                                                                 
				var url = 'trocar.php?id=' + $(this).val();                                                                                            
				location.assign( url );
			});                                                                                                                                               
		});    

	</script> 

  </body>

</html>