<!DOCTYPE html>
<html lang="en">
<head>
  {% load static %}
  <link rel="stylesheet" href="{% static 'css/base.css' %}">
  {% block style-discussion-thread %}{% endblock %}
  {% block style-discussion-topics %}{% endblock %}
  {% block style-prof-subject %}{% endblock %}
  {% block style-login %}{% endblock %}
  {% block style-signup %}{% endblock %}
  

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
  <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
  <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body style="height:1500px">



{% block nav %}
  
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <button class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        {% block nav-brand %}<a class="navbar-brand" href="/">Coursebook</a>{% endblock %}
      </div>
      <div class="collapse navbar-collapse" id="mynavbar">

        <ul class="nav navbar-nav">
          {% block nav-home %}<li class="active"><a href="/">Home</a></li>{% endblock %}
          {% if context is not None %}
            {% block nav-subjects %}<li><a href="/subjects">My Subjects</a></li>{% endblock %}
            {% block nav-available-subjects %}<li><a href="/available_subjects">Available Subjects</a></li>{% endblock %}
            {% block nav-pending-subjects %}{% endblock %}
          {% endif %}
          
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="/admin"><span class="glyphicon glyphicon-wrench"></span> Admin</a></li>
          {% if context is None %}
            {% block nav-signup %}<li><a href="/signup"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>{%endblock%}
            {%block nav-login%}<li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>{%endblock%}
          {% else %}
            {% block nav-profile %}<li><a href="/"><span class="glyphicon glyphicon-user"></span> {{context}}</a></li>{%endblock%}
            <li><a href="/logout"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li>
          {% endif %}
        </ul>
      </div>
    </div>
  </nav>
{% endblock %}

{% block body%}{% endblock %}
</body>
</html>
