{% load static %}
<!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">
		{% if title %}
			<title>IPG - {{ title }}</title>
		{% else %}
			<title>IPG</title>
		{% endif %}
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="{% static 'main/css/bootstrap.min.css' %}"/>
		<link rel="icon" href="{% static 'main/images/favicon.png' %}">
		<link rel="stylesheet" href="{% static 'main/font-awesome/css/font-awesome.min.css' %}">
		<link rel="stylesheet" href="{% static 'main/css/table-responsive.css' %}" media="screen">
		<!-- Bootstrap core CSS -->
		<link href="{% static 'main/css/main.css' %}" rel="stylesheet">
		<!--select2-->
		<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
	</head>
	<body>
		{% include 'main/navbar.html' %}
		<main role="main" class="container">
			<div class="row">
				<div class="col-md-12">
					{% if messages %}
						{% for message in messages %}
							<div class="alert alert-{{ message.tags }} p-2">
								{{ message }}
							</div>
						{% endfor %}
					{% endif %}
					{% block content %}{% endblock %}
				</div>
			</div>
		</main>
		<!-- Footer -->
		<footer class="page-footer font-small bg-footer mt-5">
			<!-- Copyright -->
			<div class="footer-copyright text-center py-3">© 2022 Copyright:
				<a href="#"> IPG </a>
				<p>
				<br/><small>
					Developed by: 
					<a href="http://www.kinos.tl/" target="_blank">KINOS</a>
				</small></p>
			</div>
			<!-- Copyright -->
		</footer>
		<!-- Footer -->

		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="{% static 'main/js/jquery.min.js' %}"></script>
		<script src="{% static 'main/js/bootstrap.min.js' %}"></script>
		<!-- Datatable -->
		<!-- <link href="{% static 'main/datatables/css/jquery.dataTables.min.css' %}" rel="stylesheet" type="text/css" /> -->
		<link href="{% static 'main/datatables/css/dataTables.bootstrap4.min.css' %}" rel="stylesheet" type="text/css" />
		<script src="{% static 'main/datatables/js/jquery.dataTables.min.js' %}" type="text/javascript"></script>
		<script src="{% static 'main/datatables/js/dataTables.bootstrap4.min.js' %}" type="text/javascript"></script>
		
		<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
		{% if user.is_authenticated %}
			
		{% endif %}
		{% block scripts %}{% endblock %}
	</body>
</html>