{% load tags %}
{% load i18n %}
{% load staticfiles %}

<!DOCTYPE html>
<html lang="{{LANGUAGE_CODE}}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% get_config 'event_name' %}{% endblock %}</title>
    <!-- styles -->
    <link href="{% static 'styles/bootstrap.min.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'styles/bootstrap-responsive.min.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'styles/base.css' %}" type="text/css" rel="stylesheet" />
    <link href="{% static 'img/favicon.png' %}" type="image/png" rel="shortcut icon" />
    {% for stylefile in extra_stylefiles %}
        <link href="{% static stylefile %}" type="text/css" rel="stylesheet" />
    {% endfor %}
    {% block header %}{% endblock %}
</head>
<body>
    <!-- Navbar -->
    <div class="container-fluid nopadding">
        <div class="row-fluid">
            <div class="span12">
                <div id="header">
                    <a href="/" class="logo" title="{% trans 'Home' %}"><img src="{% static 'img/logo.png' %}" alt="{% trans 'Logo' %}" /></a>
                    <span class="title optional">{% get_config 'event_name' %} – {% get_config 'event_description' %}</span>
                    {% block loginbutton %}
                    <div class="btn-group pull-right">
                        {% if user.is_authenticated %}
                        <a href="#" data-toggle="dropdown" class="btn btn-small dropdown-toggle">
                              <i class="icon-user"></i> {{ user.username }}
                              <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            {% url 'user_settings' as url_usersettings %}
                            <li><a href="{% url 'user_settings' %}"><i class="icon-cog"></i> {% trans "Edit profile" %}</a></li>
                            <li><a href="{% url 'password_change' %}"><i class="icon-lock"></i> {% trans "Change password" %}</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url 'user_logout' %}"><i class="icon-off"></i> {% trans "Logout" %}</a></li>
                        </ul>
                        {% else %}
                            <a href="{% url 'user_login' %}" class="btn"><i class="icon-login"></i> {% trans "Login" %}</a>
                        {% endif %}
                    </div>
                    {% endblock %}
                </div> <!--/#header-->
            </div> <!--/.span12-->
        </div>
    </div> <!--/.container-fluid-->


{% block body %}
<!-- Container -->
<div class="container-fluid" id="container">
<div class="row-fluid">

  <!-- Sidebar navigation-->
  <div class="span2 leftmenu lefticon">
      <ul>
        {% for tab in tabs %}
            {% if tab.permission %}
            <li{% if tab.selected %} class="active"{% endif %}>
                <a href="{{ tab.url }}" class="tooltip-right">
                <span class="ico"><i class="icon-{{ tab.app }}"></i></span>
                <span class="text">{{ tab.title }}</span>
                </a>
            </li>
            {% endif %}
        {% endfor %}
      </ul>
  </div>

  <!-- Content -->
  <div id="content" class="span10">
  <div class="row-fluid">
    <div class="span12">
      <div id="notifications">
          <div id="dummy-notification" class="notification" style="display:none">
              <button type="button" class="close" data-dismiss="alert">×</button>
          </div>
          {% for message in messages %}
          <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
              <button type="button" class="close" data-dismiss="alert">×</button>
              {{ message|safe }}
          </div>
          {% endfor %}
      </div>
       
      {% block content %}
      {% endblock %}
    </div>
  </div>
  <hr />
  <footer>
      <small>
      &copy; Copyright 2011–2013 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> | <a href="{% url 'core_version' %}">Version</a>
      </small>
  </footer>
  </div><!--/content-->
</div><!--/row-->
</div><!--/container-fluid-->

{% endblock %}<!--/body-->

<!-- JavaScript (Placed at the end of the document so the pages load faster) -->
    <script src="{% static 'javascript/jquery.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascript/bootstrap.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascript/utils.js' %}" type="text/javascript"></script>
    <script src="{% url 'django.views.i18n.javascript_catalog' %}" type="text/javascript"></script>
    {% for javascript in extra_javascript %}
        <script src="{% static javascript %}" type="text/javascript"></script>
    {% endfor %}
    {% block javascript %}{% endblock %}
</body>
</html>
