{% load i18n %}
<!DOCTYPE html>
<html>
<head>
    <title>{% trans 'app_name' %}</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <META name="description" content="OppiaMobile learning"/> 
	<META name="keywords" content="oppia, oppiamobile, oppia-mobile, quiz, assessment, mobile, android, learning, video, media"/> 
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap -->
    <link href="{{ STATIC_URL }}oppia/bootstrap-3.1.1/css/bootstrap.min.css" rel="stylesheet"/>
    
    <link href="{{ STATIC_URL }}oppia/style.css" rel="stylesheet"/>
    <link href="{{ STATIC_URL }}oppia/ui-lightness/jquery-ui.min.css" rel="stylesheet"/>
    <link href="{{ STATIC_URL }}oppia/ui-lightness/jquery-ui.structure.min.css" rel="stylesheet"/>
    <link href="{{ STATIC_URL }}oppia/ui-lightness/jquery-ui.theme.min.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="{{ STATIC_URL }}oppia/images/favicon.ico"/>	
    <script src="{{ STATIC_URL }}oppia/js/jquery-1.11.0.min.js"></script>
    <script src="{{ STATIC_URL }}oppia/ui-lightness/jquery-ui.min.js"></script>
    {% block extra_styles %}
    {% endblock extra_styles %}
	
    {% block extra_scripts %}
    {% endblock extra_scripts %}  
</head>

<body {% block extra_body %}{% endblock extra_body %}>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	{% include "includes/header.html" %}
</div>

<div class="container-fluid">
     {% if user.is_authenticated %}
     <div class="row">
	        <div class="col-sm-3 col-md-2 sidebar">
	          
	          <ul class="nav nav-sidebar">
	            <li><a href="{% url 'oppia_home' %}">{% trans 'Dashboard' %}</a></li>
	            <li><a href="{% url 'oppia_course' %}">{% trans 'Courses' %}</a></li>
	            <li><a href="{% url 'oppia_upload' %}">{% trans 'Upload' %}</a></li>
	          </ul>
	          {% if nav %}
	          <ul class="nav nav-sidebar">
	          	{% for n in nav %}
	            <li {% if n.class %}class="{{n.class}}"{% endif%}><a href="{{ n.url }}">{{ n.title }}</a></li>
	            {% endfor %}
	          </ul>
	          {% endif %}
	        </div>
    </div> <!--  end row -->
    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    {% else %}
    	<div class="main">
    {% endif %}
	
          
{% block content %}
{% endblock content %}
	</div> <!--  end main -->
</div> <!--  end container -->

<div id="footer">
    <p class="text-muted">
    	<a href="http://oppia-mobile.org">{% trans 'footer_about' %}</a> |
    	<a href="{% url 'oppia_terms' %}">{% trans 'footer_terms' %}</a> |
    	{{ version }} &copy; {% now "Y" %} <a href="http://digital-campus.org">Digital Campus</a>
    </p>
</div>
    
<script src="{{ STATIC_URL }}oppia/bootstrap-3.1.1/js/bootstrap.min.js"></script>
{% if OPPIA_GOOGLE_ANALYTICS_ENABLED %}
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	
	  ga('create', '{{ OPPIA_GOOGLE_ANALYTICS_CODE }}', '{{ OPPIA_GOOGLE_ANALYTICS_DOMAIN }}');
	  ga('send', 'pageview');
	</script>
{% endif %}
</body>
</html>

