{% extends "base.html" %}
{% load i18n %}
{% block content %}
<!-- Navigation -->
    <div class="navbar-default sidebar" role="navigation">
        <div class="featured-image">
               <img class="img-responsive" src="{{ STATIC_URL }}images/rsz_west-african-girl.jpg" alt="West African girl" />
            </div>
        <nav class="sidebar-nav navbar-collapse">
            <ul class="nav" id="side-menu">
                <li><a class="active" href="{% url "dashboard" %}"><span class="fa fa-dashboard fa-fw"></span> Dashboard</a></li>
                <li><a href="{% url "sources" %}"><span class="fa fa-download fa-fw"></span> Sources</a></li>
                <li><a href="{% url "data-view" %}"><span class="fa fa-pencil fa-fw"></span> View &amp; Edit</a></li>
            </ul>
        </nav>
        <div class="site-info">
           <p>a project of <a href="http://www.internews.org" title="Internews website">Internews</a><br />
            developed by<a href="http://www.aptivate.org" title="Aptivate website"> Aptivate</a></p>
        </div>
        <!-- /.sidebar-collapse -->
    </div>
    <!-- /.sidebar -->
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
            </button>
            <a class="navbar-brand pull-left" href="/">{% trans "HID  " %}<span class="subtitle">{% trans "Humanitarian Information Dashboard" %}</span></a>
        </div>
        <!-- /.navbar-header -->
        {% if request.user.is_authenticated %}
        <ul class="nav navbar-top-links navbar-right">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="fa fa-user fa-fw"></span>  {{ request.user }}  <span class="fa fa-caret-down"> </span>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="#"><span class="fa fa-gear fa-fw"></span> Settings</a></li>
                    <li><a href="{% url "logout" %}?next={% url 'login' %}" class=""><span class="fa fa-sign-out fa-fw"></span>{% trans "Log out" %}</a></li>
                </ul>
                <!-- /.dropdown-user -->
            </li>
        </ul>
        {% endif %}
        <!-- /.navbar-top-links -->
    </nav>
    <!-- /Navigation -->
    <!-- Main Content -->
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <div class="row messages-box">
                    <div class="spinner">
                        <span>loading...</span>
                      <div class="rect1"></div>
                      <div class="rect2"></div>
                      <div class="rect3"></div>
                      <div class="rect4"></div>
                      <div class="rect5"></div>
                    </div>
                {% if messages %}
                    <ul class="list-unstyled">
                        {% for message in messages %}
                        <li{% if message.tags %} class="alert {{ message.tags }} {% if message.tags == "error" %}bg-danger{% else %}bg-success{% endif %}"{% endif %}>{{ message }}</li>
                        {% endfor %}
                    </ul>
                   {% endif %}
                </div>
                {% block maincontent %}
                {% endblock maincontent %}
            </div>
        </div>
    </div>
    <!-- /Main Content -->
{% endblock content %}