<!-- templates/_base.html -->
{% load static %}
<!DOCTYPE html>
<html>
<head>
{% if PLATFORM == 'production' %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-35180557-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-35180557-1');
</script>
{% endif %}
<meta charset="utf-8">
<title>{% block title %}CDR-Reports{% endblock title %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<!-- CSS -->
<link rel="stylesheet" href="{% static 'css/base.css' %}">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Date Range Picker -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<!-- comment 1 -->
<script src="{% static 'js/base.js' %}"></script>
<script type="text/javascript">
{% if domain %}
var DOMAIN_ID = {{ domain.id }};
{% endif %}
</script>
{% block extrahead %}
{% endblock extrahead %}
</head>
<body{% block body_id %}{% endblock %}>
{% block header %}
{% if user.is_authenticated %}
<header>
<!-- Fixed navbar -->
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4
mb-3 bg-white border-bottom shadow-sm">
{% include "_logo.html" %}
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="{% url 'dashboard' %}">Dashboard</a>
<form method="post" action="/accounts/logout/" style="display: inline;">
{% csrf_token %}
<a class="p-2 text-dark" href="{% url 'account_logout' %}" onclick="$(this).parent().submit();return false">Log Out</a>
</form>
<span>{{ user.email }}</span>
{% if user.is_superuser %}
<a href="/admin/" class="btn btn-sm btn-danger" target="_blank">Admin</a>
{% endif %}
</nav>
</div>
</header>
{% endif %}
{% endblock header %}
{% if messages %}
<ul class="messages col-4 offset-4 text-center">
{% for message in messages %}
<li{% if message.tags %} class="alert alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% block container %}
<div class="container">
{% block content %}
{% endblock content %}
</div>
{% endblock container %}
<!-- JavaScript test -->
<!-- jQuery first, then Popper.js, then Bootstrap JS, then bootstrap-datepicker -->
{% block scripts %}
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
{% endblock %}
<script type="text/javascript">
$(function(){
$("a:not(.dropdown-toggle,.omit)").click(function(){
$("button[type=submit]").attr('disabled', true);
return true
});
});
</script>
{% block extra_scripts %}
{% endblock %}
</body>
</html>