<!DOCTYPE html>
<html lang="en">
<head>
    <title>{% block title %}REIndicator{% endblock %}</title>
    {% block head_block %}
    <link rel="shortcut icon" href="/media/icons/favicon.ico" />
    {% endblock %}
    <script type='text/javascript'>
        {% for alert in alerts %}
        alert("{{ alert.msg }}");
        {% endfor %}
    </script>
</head>
<body>
    <div id="topbar">
        {% block topbar %}
            <a href="https://reindicator.com" title="Home - REIndicator"><img src="/media/images/logo1.png" align="left" height="50" alt="REIndicator homepage"></a>
            {% if user.is_authenticated %}
            Welcome, {{ user.first_name }} {{ user.last_name }}!
            <a href="/editinfo" style="margin: 15px 0 0 0;">Username</a>
            <a href="/admin" style="margin: 15px 0 0 0;">Settings</a>
            <a href="{% url 'logout' %}?next=/" style="margin: 15px 15px 0 0;">Log Out</a></div>
            {% else %}
            <a href="/login" style="margin: 15px 15px 0 0;">Login</a></div> 
            {% endif %}
        {% endblock %}
    </div>
    
    <div id="content">
        {% block content %}{% endblock %}
    </div>
    <div id="buttonoverlay">
           {% block buttonoverlay %}{% endblock %}
        </div>
    <div id="map">
        <div id="dropdown">
           {% block dropdown %}{% endblock %}
        </div>
        <div id="drawer">
            {% block drawer %}{% endblock %}
        </div>
    </div>
    {% block map_scripts %}{% endblock %}
    {% block very_bottom %}{% endblock %}
</body>
</html>
