{% extends "base.html" %}
{% load i18n avatar_tags %}

{% block head %}
    {% if DEBUG_STATIC %}
    <link href="{{ STATIC_URL }}lib/css/jquery.dataTables.css?v={{ VERSION }}" rel="stylesheet" />
    <link href="{{ STATIC_URL }}lib/css/select2.css?v={{ VERSION }}" rel="stylesheet"/>
    <link href="{{ STATIC_URL }}lib/css/bootstrap.min.css?v={{ VERSION }}" rel="stylesheet"/>
    <link href="{{ STATIC_URL }}lib/css/jquery-ui.css?v={{ VERSION }}" rel="stylesheet"/>
    <link href="{{ STATIC_URL }}lib/css/bootstrap-datetimepicker.css?v={{ VERSION }}" rel="stylesheet"/>
    {% else %}
    <link href="{{ STATIC_URL }}lib/css/assets.min.css?v={{ VERSION }}" rel="stylesheet"/>
    {% endif %}
    <link rel="shortcut icon" href="/favicon.ico">
  	<link rel="icon" sizes="16x16 32x32 64x64" href="/favicon.ico">
  	<link rel="icon" type="image/png" sizes="196x196" href="/static/img/favicon-192.png">
  	<link rel="icon" type="image/png" sizes="160x160" href="/static/img/favicon-160.png">
  	<link rel="icon" type="image/png" sizes="96x96" href="/static/img/favicon-96.png">
  	<link rel="icon" type="image/png" sizes="64x64" href="/static/img/favicon-64.png">
  	<link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon-32.png">
  	<link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon-16.png">
  	<link rel="apple-touch-icon" href="/static/img/favicon-57.png">
  	<link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicon-114.png">
  	<link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicon-72.png">
  	<link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicon-144.png">
  	<link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicon-60.png">
  	<link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicon-120.png">
  	<link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicon-76.png">
  	<link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicon-152.png">
  	<link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon-180.png">
    <link href="{{ STATIC_URL }}geonode/css/ext-compatibility.css?v={{ VERSION }}" rel="stylesheet" />
    <style type="text/css">[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}</style>
    <link href="{{ STATIC_URL }}css/haitidata.css" rel="stylesheet"/>
    {% block extra_head %}
    {% endblock %}
{% endblock %}

<!-- Navbar -->
{% block header %}
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <i class="fa fa-navicon fa-lg"></i>
      </button>
      <a class="navbar-brand" href="{% url "home" %}">HaitiData</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav toolbar">
        {% block tabs %}
        <li id="nav_layers">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Data" %}<i class="fa fa-angle-down fa-lg"></i></a>
          <ul class="dropdown-menu">
            <li><a href="{% url "layer_browse" %}">{% trans "Layers" %}</a></li>
            <li><a href="{% url "document_browse" %}">{% trans "Documents" %}</a></li>
            <li><a href="{% url "chart_list" %}">{% trans "Graphs" %}</a></li>
            {% if user.is_authenticated %}
            <li><a href="/uploads">{% trans "Uploads" %}</a></li>
            <li><a href="{% url "services" %}">{% trans "Remote Services" %}</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="{% url "layer_upload" %}">{% trans "Upload Layer" %}</a></li>
            <li><a href="/uploads/new">{% trans "Upload ODK exports" %}</a></li>
            <li><a href="{% url "document_upload" %}">{% trans "Upload Document" %}</a></li>
            <li><a href="{% url "register_service" %}">{% trans "Add Remote Service" %}</a></li>
            {% endif %}
          </ul>
        </li>
        <li id="nav_maps">
            {% if user.is_authenticated %}
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Maps" %}<i class="fa fa-angle-down fa-lg"></i></a>
            <ul class="dropdown-menu">
              <li><a href="{% url "maps_browse" %}">{% trans "Explore Maps" %}</a></li>
              <li> <a href="{% url "new_map" %}">{% trans "Create Map" %}</a></li>
            </ul>
            {% else %}
            <a href="{% url "maps_browse" %}">{% trans "Maps" %}</a>
            {% endif %}
          </li>
          <li id="nav_imagery">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Imagery" %}<i class="fa fa-angle-down fa-lg"></i></a>
              <ul class="dropdown-menu">
                <li><a href="/clip/ortho_images_pyramid">{% trans "Orthophotos" %}</a></li>
                <li> <a href="/clip/lidar_dem_mosaic">{% trans "DSM" %}</a></li>
              </ul>
            </li>
          <li>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "About" %}<i class="fa fa-angle-down fa-lg"></i></a>
            <ul class="dropdown-menu">
              <li><a href="{% url "profile_browse" %}">{% trans "People" %}</a></li>
              <li><a href="{% url "group_list" %}">{% trans "Groups" %}</a></li>
              <li><a href="{% url "tutorials" %}">{% trans "Tutorials" %}</a></li>
              <li><a href="{% url "contact" %}">{% trans "Contact Us" %}</a></li>
              {% if perms.announcements.can_manage %}
              <li><a href="{% url "announcements_list" %}">{% trans "Announcements" %}</a></li>
              {% endif %}
              {% if user.is_superuser %}
              <li role="separator" class="divider"></li>
              <li><a href="/admin/people/profile/add/">{% trans "Add User" %}</a></li>
              <li><a href="{% url "account_invite_user" %}">{% trans "Invite User" %}</a></li>
              <li><a href="{% url "group_create" %}">{% trans "Create Group" %}</a></li>
              {% endif %}
            </ul>
          </li>
          {% block extra_tab %}
          {% endblock %}
        {% endblock %}
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li>
            <div class="search">
              <form id="search" action="{% url "search" %}" >
                <span class="fa fa-search"></span>
                {% if HAYSTACK_SEARCH %}
                <input id="search_input" type="text" placeholder='{% trans "Search" %}' name="q">
                {% else %}
                <input id="search_input" type="text" placeholder='{% trans "Search" %}' name="title__icontains">
                {% endif %}
              </form>
            </div>
          </li>
          {% if not user.is_authenticated and REGISTRATION_OPEN %}
          <li><a href="{% url "account_signup" %}">{% trans "Register" %}</a></li>
          {% endif %}
          {% if user.is_authenticated %}
          <li><a href="#" class="dropdown-toggle avatar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% avatar user 42 %} {{ user.username }}<i class="fa fa-angle-down fa-lg"></i></a>
            <ul class="dropdown-menu">
              <li><a href="{{ user.get_absolute_url }}">{% trans "Profile" %}</a></li>
              <li><a href="{% url "recent-activity" %}">{% trans "Recent Activity" %}</a></li>
              <li><a href="{% url "messages_inbox" %}">{% trans "Inbox" %}</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="{% url "admin:index" %}">Admin</a></li>
              <li><a href="{{ GEOSERVER_BASE_URL }}" target="_blank">GeoServer</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="{% url "help" %}">{% trans "Help" %}</li>
              <li role="separator" class="divider"></li>
              <li><a href="/account/logout/">{% trans "Logout" %}</a></li>
            </ul>
          </li>
          {% else %}
          <li><a href="#" data-toggle="modal" data-target="#SigninModal" role="button" >{% trans "Sign in" %} </a></li>
          {% endif %}
        </ul>
      </div> <!--/.nav-collapse -->
    </div>
  </nav>
  {% endblock header %}
  <!-- End of Navbar -->


  {% block middle %}
  <header>
  	<div class="container">
  		<h3>{% block page-title %}{% endblock %}</h3>
  	</div>
  </header>
  {% block subheader %}{% endblock %}
  <div class="container">
  	{% include "_status_message.html" %}
  	{% include "_announcements.html" %}
  	{% include "_messages.html" %}
  	{% block body_outer %}
  	<div class="row">
  		<div class="col-md-8">
  		{% block body %}{% endblock %}
          </div>
          <div class="col-md-4">
          {% block sidebar %}{% endblock %}
          </div>
  	</div>
  	{% endblock %}
  </div>
  {% endblock middle %}


  {% block footer %}
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-2 col-sm-6">
            <ul class="list-unstyled">
              <li>{% trans "Data" %}</li>
              <li><a href="{% url "layer_browse" %}">{% trans "Layers" %}</a></li>
              <li><a href="{% url "document_browse" %}">{% trans "Documents" %}</a></li>
              <li><a href="{% url "chart_list" %}">{% trans "Graphs" %}</a></li>
              {% if user.is_authenticated %}
              <li><a href="/uploads">{% trans "Uploads" %}</a></li>
              <li><a href="{% url "services" %}">{% trans "Remote Services" %}</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="{% url "layer_upload" %}">{% trans "Upload Layer" %}</a></li>
              <li><a href="/uploads/new">{% trans "Upload ODK exports" %}</a></li>
              <li><a href="{% url "document_upload" %}">{% trans "Upload Document" %}</a></li>
              <li><a href="{% url "register_service" %}">{% trans "Add Remote Service" %}</a></li>
              {% endif %}
            </ul>
          </div>
          <div class="col-md-2 col-sm-6">
            <ul class="list-unstyled">
              <li>{% trans "Maps" %}</li>
              <li><a href="{% url "maps_browse" %}">{% trans "Explore Maps" %}</a></li>
              {% if user.is_authenticated %}
              <li> <a href="{% url "new_map" %}">{% trans "Create Map" %}</a></li>
              {% endif %}
            </ul>
            <ul class="list-unstyled">
              <li>{% trans "Imagery" %}</li>
              <li><a href="/clip/ortho_images">{% trans "Orthophotos" %}</a></li>
              <li> <a href="/clip/lidar">{% trans "DSM" %}</a></li>
          </div>
  		    <div class="col-md-2 col-sm-6">
            <ul class="list-unstyled">
              <li>{% trans "About" %}</li>
              <li><a href="{% url "profile_browse" %}">{% trans "People" %}</a></li>
              <li><a href="{% url "group_list" %}">{% trans "Groups" %}</a></li>
              {% if perms.announcements.can_manage %}
              <li><a href="{% url "announcements_list" %}">{% trans "Announcements" %}</a></li>
              {% endif %}
              {% if user.is_superuser %}
              <li><a href="/admin/people/profile/add/">{% trans "Add User" %}</a></li>
              <li><a href="{% url "account_invite_user" %}">{% trans "Invite User" %}</a></li>
              <li><a href="{% url "group_create" %}">{% trans "Create Group" %}</a></li>
              {% endif %}
            </ul>
          </div>
          <div class="col-md-6 text-right">
            <ul class="list-unstyled">
              <li>{% trans "Powered by" %} <a href="http://geonode.org">{% trans "GeoNode" %}</a> <em>{% trans "version" %} {{ VERSION }}</em></li>
              <li><a href="{% url "developer" %}">{% trans "Developers" %}</a> | <a href="{% url "about" %}">{% trans "About" %}</a><li>
            </ul>
            <label class="hidden">{% trans "Language" %}</label>
            {% if csrf_token != "NOTPROVIDED" %}
            {% get_current_language as LANGUAGE %}
            <form class="form-inline" action="/i18n/setlang/" method="post">
            {% csrf_token %}
              <select class="col-md-6 pull-right" name="language" onchange="javascript:form.submit()">
                {% for lang in LANGUAGES %}
                <option value="{{ lang.0 }}" {% ifequal LANGUAGE_CODE lang.0 %} selected="selected"{% endifequal %}>
                  {{ lang.1 }}
                </option>
                {% endfor %}
              </select>
            </form>
            {% endif %}
          </div>
        </div>
      </div>
    </footer>
    {% endblock footer %}