{% 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 href="{% url "dashboard" %}"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a></li>
            	<li><a href="{% url "sources" %}"><i class="fa fa-download fa-fw"></i> Sources</a></li>
                <li><a href="{% url "data-view" %}"><i class="fa fa-pencil fa-fw"></i> View &amp; Edit</a></li>
            </ul>
        </nav>
        <div class="site-info">
           <p>An <a href="http://www.internews.org" title="Internews website">Internews project</a><br />
           	Site 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="#">
                    <i class="fa fa-user fa-fw"></i>  {{ request.user }}  <i class="fa fa-caret-down"> </i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a></li>
                    <li><a href="{% url "logout" %}?next={% url 'login' %}" class=""><i class="fa fa-sign-out fa-fw"></i>{% 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">
            	{% 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 %}