{% extends "symposion_sidebar_base.html" %}

{% load metron_tags %}
{% load i18n %}
{% load sitetree %}
{% load markitup_tags %}
{% load static %}

{% block style_base %}
    <link href="{% static "symposion/css/symposion.css" %}" rel="stylesheet">
    {% block extra_style %}{% endblock %}
{% endblock %}

{% block extra_head_base %}
    <link href="{{ STATIC_URL }}img/favicon.ico" rel="shortcut icon" />
    <script src="{% block jquery_src %}{% static "pinax/js/jquery.js" %}{% endblock %}"></script>
    {% markitup_media "no-jquery" %}
    {% block extra_head %}{% endblock %}
{% endblock %}

{% block topbar_base %}
    <div class="container">
        <header>
            <div class="pull-right">
                {% if request.user.is_authenticated %}
                    <form style="margin: 0;" action="{% url account_logout %}" method="post">
                        <div class="btn-group">
                            <a class="btn" href="{% url dashboard %}">Dashboard</a>
                            <a class="btn" href="{% url account_settings %}">Settings</a>
                            {% csrf_token %}<button type="submit" class="btn">Log out</button>
                        </div>
                    </form>
                {% else %}
                    <a href="{% url account_login %}">Log in</a> / <a href="{% url account_signup %}">Sign up</a>
                {% endif %}
            </div>
            
            <h1><a href="{% url home %}">MoonCon <span style="font-weight: 200;">2019</span></a></h1>
            <h2><a href="{% url home %}"><span style="font-weight: 200;">Sea of Tranquility, July 16th&ndash;24th</span></a></h2>
        </header>
        <div class="navbar">
            <div class="navbar-inner">
                {% block topbar %}
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <div class="nav-collapse">
                        {% block nav %}
                            {% sitetree_menu from "main" include "trunk" %}
                        {% endblock %}
                    </div>
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}

{% block body_base %}
    <div class="container">
        {% include "_messages.html" %}
        
        {# {% block breadcrumbs %} #}
            {# {% sitetree_breadcrumbs from "main" %} #}
        {# {% endblock %} #}
        
        <div class="row">
            <div class="span9">
                {% block body %}
                {% endblock %}
            </div>
            <div class="span3">
                <h4>Sponsors</h4>
                <img src="http://placekitten.com/g/200/100"></img><br /><br />
                <img src="http://placekitten.com/g/200/101"></img><br /><br />
                <img src="http://placekitten.com/g/200/98"></img><br /><br />
                <img src="http://placekitten.com/g/200/99"></img><br /><br />
                <img src="http://placekitten.com/g/200/102"></img><br /><br />
            </div>
        </div>
    </div>
{% endblock %}

{% block footer %}
    {% include "_footer.html" %}
{% endblock %}

{% block script_base %}
    {% analytics %}
    <script src="{% static "bootstrap/js/bootstrap.js" %}"></script>
    <script src="{% static "pinax/js/theme.js" %}"></script>
    {% block extra_script %}{% endblock %}
{% endblock %}