<!doctype html>
<html>
	<head>
	{% block head %}
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
	  	<link rel="stylesheet" type= "text/css" href= "{{ url_for('static',filename='style.css') }}">
		<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css">
		<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
		<script src="https://code.jquery.com/jquery-3.3.1.js" type="text/javascript"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
		<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
		<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
		<title>Caravel - {% block title %}{% endblock %}</title>
	{% endblock %}
	</head>
	{% include "navbar.html" %}
	<div id="wrap">
		<div id="main">
			<body>
					{% with messages = get_flashed_messages() %}
					  {% if messages %}
					    <ul class=flashes>
					    {% for message in messages %}
	  						<div class="alert alert-warning col-md-5">
								<button type="button" class="close" data-dismiss="alert">&times;</button>
								{{ message }}
							</div>
					    {% endfor %}
					    </ul>
					  {% endif %}
					{% endwith %}
				{% block body %}{% endblock %}
				{% block content %}{% endblock %}
			</body>
		</div>
	</div>
	<hr class="featurette-divider">
	<footer class="text-muted">
		{% include "footer.html" %}
	</footer>
</html>