{% extends "layout.html" %}
{% load bootstrap3 %}

{% block basecontent %}
    <div id="wrapper">
        <!-- Navigation -->
        <nav class="navbar navbar-default 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>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="https://www.opnfv.org/" class="navbar-left"><img
                        src="http://artifacts.opnfv.org/apex/review/14099/installation-instructions/_static/opnfv-logo.png"></a>
                <a class="navbar-brand" href={% url 'dashboard:index' %}>Pharos Dashboard</a>
            </div>
            <!-- /.navbar-header -->

            <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> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        {% if user.is_authenticated %}
                            <li><a href="{% url 'account:settings' %}"><i
                                    class="fa fa-gear fa-fw"></i>
                                Settings</a>
                            </li>
                            <li class="divider"></li>
                            <li><a href="{% url 'account:logout' %}?next={{ request.path }}"><i
                                    class="fa fa-sign-out fa-fw"></i>
                                Logout</a>
                            </li>
                        {% else %}
                            <li><a href="{% url 'account:login' %}"><i
                                    class="fa fa-sign-in fa-fw"></i>
                                Login with Jira</a>
                            <li>
                        {% endif %}
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
            <!-- /.navbar-top-links -->

            <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
                        <li>
                            <a href="{% url 'dashboard:ci_pods' %}"><i
                                    class="fa fa-fw"></i>CI-Pods</a>
                        </li>
                        <li>
                            <a href="{% url 'dashboard:dev_pods' %}"><i
                                    class="fa  fa-fw"></i>Development
                                Pods</a>
                        </li>
                        <li>
                            <a href="{% url 'dashboard:jenkins_slaves' %}"><i
                                    class="fa fa-fw"></i>Jenkins
                                Slaves</a>
                        </li>
                        <li>
                            {% if user.is_authenticated %}
                            <a href="{% url 'account:users' %}"><i
                                    class="fa fa-fw"></i>User List
                            </a>
                            {% endif %}
                        </li>
                        <li>
                            <a href="{% url 'booking:list' %}"><i
                                    class="fa fa-fw"></i>Booking List
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'api-root' %}"><i
                                    class="fa fa-fw"></i>API
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- /.sidebar-collapse -->
            </div>
            <!-- /.navbar-static-side -->
        </nav>

        <!-- Page Content -->
        <div id="page-wrapper">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">{{ title }}</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>

            {% bootstrap_messages %}

            {% block content %}

            {% endblock content %}
        </div>
        <!-- /#page-wrapper -->
    </div>
    <!-- /#wrapper -->
{% endblock basecontent %}