{% load static %}
{% load vip %}
<!DOCTYPE html>
<html>
	<head>
		<title>{% block title %}Coopé Technopôle Metz{% endblock %}</title>
		<link rel="shortcut icon" href="{% static 'favicon16.ico' %}" type="image/x-icon">
		<link rel="icon" sizes="16x16" href="{% static 'favicon16.ico' %}" type="image/x-icon">
		<link rel="icon" sizes="32x32" href="{% static 'favicon32.ico' %}" type="image/x-icon">
		<link rel="icon" sizes="96x96" href="{% static 'favicon96.ico' %}" type="image/x-icon">
		<link rel="stylesheet" href="{% static 'css/main.css' %}" />
		<link rel="stylesheet" href="{% static 'dropdown.css' %}" />
		{% block extra_css %}{% endblock %}
		{% block extra_script %}{% endblock %}
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
	</head>
	<body>
		<div id="wrapper">

		<form method="get" action="/search/search">
			<input id="search_input" placeholder="Rechercher" name="q" value="{{q}}" style="float:left; color:black;"> <button class="button small" action="submit" style="float:left;background-color:white;color:black;margin-left:10px;min-width:0;"><i class="fa fa-search" style="color:black"></i></button>
		</form>
			<header id="header" class="alt">
				<span class="logo"><img src="{%static 'Images/coope.png' %}" alt="" /></span>
				<h1>{% block entete %}{% endblock %}</h1>
				<h3>{% global_message %}</h3>
				<nav>
					{% include 'nav.html' %}
				</nav>
			</header>
			<nav id="nav">
				{% block navbar %}{% endblock %}
			</nav>
			<div id="main">
				{% if messages %}
				<section class="main">
					<ul class="messages">
						{% for message in messages %}
						<li {% if message.tags %} class="{{message.tags}}"{% endif %}>{{message}}</li>
						{% endfor %}
					</ul>
				</section>
				{% endif %}
				{% block content %}{% endblock %}
			</div>
			<footer id="footer">
				{% include 'footer.html'%}
			</footer>
		</div>
		{% if request.user.is_authenticated %}
			<script>
				time = {% logout_time %};
				function logout(){
					window.location.replace("{% url 'users:logout' %}");
				}
				if(time != 0){
					setTimeout(logout, 60000 * time);
				}
			</script>
		{% endif %}
		<script src="{% static 'dropdown.js' %}"></script>
		<!--<script src="{% static 'js/jquery.min.js' %}"></script>-->
		<script src="{% static 'js/jquery.scrollex.min.js' %}"></script>
		<script src="{% static 'js/jquery.scrolly.min.js' %}"></script>
		<script src="{% static 'js/browser.min.js' %}"></script>
		<script src="{% static 'js/breakpoints.min.js' %}"></script>
		<script src="{% static 'js/util.js' %}"></script>
		<script src="{% static 'js/main.js' %}"></script>
	</body>
</html>
