{% load static from staticfiles %}
{% load url from future %}

<!DOCTYPE html>
<html
        dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}"
        xml:lang="{% firstof LANGUAGE_CODE 'en' %}"
        lang="{% firstof LANGUAGE_CODE 'en' %}">
<head>
    <title>{% block title %}{% endblock %} | Rig Information Gathering System</title>

    <meta name="viewport" content="initial-scale=1">

    <link rel="stylesheet" type="text/css" href="{% static "css/screen.css" %}">
    {% block css %}
    {% endblock %}

    {% block preload_js %}
    {% endblock %}

    {% block extra-head %}{% endblock %}
</head>

<body>
{% include "analytics.html" %}
<div class="navbar navbar-fixed-top navbar-inverse hidden-print" role="navigation">
    <div class="container">
        <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 class="navbar-brand" href="/">RIGS</a>
        </div>
        <div class="navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="/">Home</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Rigboard<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="{% url 'rigboard' %}">Rigboard</a></li>
                        <li><a href="{% url 'event_archive' %}">Archive</a></li>
                        <li><a href="{% url 'web_calendar' %}">Calendar</a></li>
                    </ul>
                </li>
                {% if perms.RIGS.view_invoice %}
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Invoices<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'invoice_list' %}">Active</a></li>
                            {% if perms.RIGS.add_invoice %}
                                <li><a href="{% url 'invoice_waiting' %}">Waiting</a></li>
                            {% endif %}
                            <li><a href="{% url 'invoice_archive' %}">Archive</a></li>
                        </ul>
                    </li>
                {% endif %}
                {% if perms.RIGS.view_person %}
                    <li><a href="{% url 'person_list' %}">People</a></li>
                {% endif %}
                {% if perms.RIGS.view_organisation %}
                    <li><a href="{% url 'organisation_list' %}">Organisations</a></li>
                {% endif %}
                {% if perms.RIGS.view_venue %}
                    <li><a href="{% url 'venue_list' %}">Venues</a></li>
                {% endif %}
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    {% if user.is_authenticated %}
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <span class="glyphicon glyphicon-user"></span>
                            Hi {{ user.first_name }}
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu nav media-list pull-right" id="userdropdown">
                            <li class="media">
                                <a href="{% url 'profile_detail' %}">
                                    <div class="media-left">
                                        <img src="{{ request.user.profile_picture }}" class="media-object"/>
                                    </div>

                                    <div class="media-body">
                                        <b>{{ request.user.first_name }} {{ request.user.last_name }}</b>

                                        <p class="muted">{{ request.user.email }}</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="col-sm-12 text-right">
                                    <a href="{% url 'logout' %}" class="btn btn-primary">Logout</a>
                                </div>
                            </li>
                        </ul>
                    {% else %}
                        <a href="{% url "login" %}?next={{ request.path }}">
                            <span class="icon-user"></span>
                            Hi guest
                        </a>
                    {% endif %}
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="container">
    <div id="content" class="row">
        {% block content-header %}
            {% if error %}
                <div class="error">{{ error }}</div>{% endif %}
            {% if info %}
                <div class="info">{{ info }}</div>{% endif %}
            {% if messages %}
                {% for message in messages %}
                    <div class="alert alert-{{ message.level_tag }} alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}
        {% endblock %}

        {% block content %}{% endblock %}
    </div>

    <div id="sidebar" class="column">
        {% block sidebar %}
        {% endblock %}
    </div>
</div>

<div class="modal fade" id="modal"></div>

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script>
    Date.prototype.getISOString = function () {
        var yyyy = this.getFullYear().toString();
        var mm = (this.getMonth() + 1).toString(); // getMonth() is zero-based
        var dd = this.getDate().toString();
        return yyyy + '-' + (mm[1] ? mm : "0" + mm[0]) + '-' + (dd[1] ? dd : "0" + dd[0]); // padding
    };
</script>
<script src="{% static "js/jquery.cookie.js" %}"></script>
<script src="{% static "js/alert.js" %}"></script>
<script src="{% static "js/collapse.js" %}"></script>
<script>
    $('.navbar-collapse').addClass('collapse')
</script>
<script src="{% static "js/dropdown.js" %}"></script>
<script src="{% static "js/modal.js" %}"></script>
<script>
    jQuery(document).ready(function () {
        jQuery(document).on('click', '.modal-href', function (e) {
            e.preventDefault()
            modaltarget = jQuery(this).data('target')
            modalobject = "";
            jQuery('#modal').load(jQuery(this).attr('href'), function (e) {
                jQuery('#modal').modal();
            });
            jQuery('#modal').on('hide.bs.modal', function (e) {
                if (modaltarget != "" && modalobject != "") {
                    jQuery(modaltarget).val(modalobject[0]['pk']);
                    jQuery(modaltarget + '-input').val(modalobject[0]['fields']['name']);
                }
            })
        });
    });
</script>
{% block js %}
{% endblock %}
</body>
</html>
