{% extends "layouts/base.html" %}
{% load strutils %}

{% block css %}
{{ block.super }}
<style>
  body {
    min-height: 100vh;
    padding-top: 70px;
  }
</style>
{% endblock %}

{% block body_content %}
<nav class="navbar navbar-default navbar-fixed-top">
  <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">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="{% url 'home' %}">SMS Feed Manager</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li{% if request.resolver_match.view_name|startswith:"feed_content:" %} class="active"{% endif %}><a id="navbar-link-feed-content" href="{% url 'feed_content:list' %}">Feed Content</a></li>
        <li{% if request.resolver_match.view_name|startswith:"rss:daily_logs:" %} class="active"{% endif %}><a id="navbar-link-feed-logs" href="{% url 'rss:daily_logs:list' %}">Feed Logs</a></li>
        {% if user.is_superuser %}
        <li{% if request.resolver_match.view_name|startswith:"user:" %} class="active"{% endif %}><a id="navbar-link-manage-users" href="{% url 'user:list' %}">Users</a></li>
        {% endif %}
      </ul>
      <ul class="nav navbar-nav navbar-right">
        {% if user.is_authenticated %}
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> {{ user.get_username }} <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="{% url 'password_change' %}">Change password</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="{% url 'logout' %}">Logout</a></li>
            </ul>
          </li>
        {% else %}
          {% comment %}
          <li><a href="{% url 'register' %}">Register</a></li>
          {% endcomment %}
          <li><a href="{% url 'login' %}">Login</a></li>
        {% endif %}
      </ul>
    </div>
  </div>
</nav>

<div class="container">
  {% block messages %}
    {% for message in messages %}
      <div class="alert alert-dismissable{% if message.tags %} alert-{{ message.tags }}{% endif %}" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {{ message }}
      </div>
    {% endfor %}
  {% endblock %}
  {% block container_content %}{% endblock %}
</div>
{% endblock body_content %}