{% load static %}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="{% static 'main.css' %}">
        <link rel="icon" type="image/png" href="{% static 'favicon.ico' %}">
        <title>
            {% block title %}Urban Exploration{% endblock %}
		</title>
		
		{% block additional_head %}
		{% endblock additional_head %}
    </head>

    <body>
		<div class="LP-Wrapper__Site">
			<header class="LP-Header">
				<div class="LP-Header__Logo">
					<a class="LP-Link" href="/">
						<img src="{% static 'logo.png' %}" class="LP-Image" />
					</a>    
				</div>
				<div class="LP-Header__UserInformation">
					<span class="LP-Paragraph">
						{% if user.is_authenticated %}
							Hi {{ user.username }}!
								<a class="LP-Link" href="{% url 'logout' %}"><span class="LP-Link__Text">logout</span></a> 
								{% if user.is_superuser %}
								| <a class="LP-Link" href="{% url 'admin:index' %}" target="_blank"><span class="LP-Link__Text">admin</span></a>
								{% endif %}
								
							{% else %}
								You are not logged in.
								<a class="LP-Link" href="{% url 'login' %}"><span class="LP-Link__Text">login</span></a> |
								<a class="LP-Link" href="{% url 'signup' %}"><span class="LP-Link__Text">signup</span></a>
							{% endif %}
					</span>
				</div>
			</header>
			<aside class="LP-Main__Sidebar">
				<nav class="LP-Menu LP-Menu--sidebar">
					<ul class="LP-Menu__List">
						<li class="LP-Menu__Item"><a href="/" class="LP-Link"><span class="LP-Link__Text">Home</span></a></li>
						<li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">About</span></a></li>
						<li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Contact</span></a></li>
						{% block additional_menu_items %}
						{% endblock additional_menu_items %}
						<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_create'%}" class="LP-Link"><span class="LP-Link__Text">Create place</span></a></li>
						<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_list'%}" class="LP-Link"><span class="LP-Link__Text">See all places</span></a></li>
					</ul>
				</nav>
			</aside>
			<main class="LP-Main__Content">
				{% if messages %}
				<div class="LP-MessageList">
					<ul class="LP-MessageList__List">
						{% for message in messages %}
						<li class="LP-MessageList__Item">
							<div class="LP-Message {% if message.tags %}LP-Message--{{ message.tags }}{% endif %}">
								<div>
									<div class="LP-Message__Icon">
									</div>
								</div>
								<div class="LP-Message__Text">
									{{ message }}
								</div>
							</div>
						</li>
						{% endfor %}
					</ul>
				</div>
				{% endif %}
				{% block maincontent %}
				{% endblock maincontent %}
			</main>
		</div>
    </body>
</html>