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

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="public/css/bootstrap.min.css">
	<link rel="stylesheet" href="public/css/style.css">

	<title>{% block title %}{% endblock %}</title>
</head>

<body class="bg-light">

	<header class="container-fluid bg-dark">
		<nav class="container navbar navbar-expand-lg navbar-dark">
			<a class="navbar-brand" href="admin.php">Admin</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
				aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item {% if active == 'documentos_recibidos' %}active{% endif %}">
						<a class="nav-link" href="admin.php">Documentos resividos</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {% if active == 'mantenimiento' %}active{% endif %}" href="soporte_usuario.php">Mantenimiento</a>
					</li>
					<li class="nav-item {% if active == 'reportes' %}active{% endif %}">
						<a class="nav-link" href="reporte.php">Reportes</a>
					</li>
				</ul>
				<div class="btn-group">
					<button type="button" class="btn text-white dropdown-toggle" data-toggle="dropdown"
						aria-haspopup="true" aria-expanded="false">
						{{nick}}
					</button>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="perfil.php">Perfil</a>
						<a class="dropdown-item" href="logout.php">Cerrar session</a>
					</div>
				</div>
			</div>
		</nav>
	</header>

    {% block content %}{% endblock %}
	
</body>

</html>
</div><!-- Optional JavaScript -->
<!-- jQuery first, then Bootstrap JS -->
<script src="public/js/jquery-3.5.1.min.js"></script>
<script src="public/js/bootstrap.min.js"></script>
<script src="public/js/main.js"></script>
</body>

</html>