<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% block title %}BEP-EMIS{% endblock %}</title>
<link rel="stylesheet" href="/static/css/bootstrap.css">
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body style="max-width: 1366px">
<header style="z-index: 9999">
<nav class="navbar navbar-dark fixed-top bg-dark" style="padding: 0;margin: 0;">
<div class="row" style=>
<img src="/static/images/logo-mop.png" height="50px"/>
<img src="/static/images/logo-bee.svg" class="bg-white" height="50px"/>
<div style="width: 24px"></div>
<a class="navbar-brand btn-navbar" href="#">BEP-EMIS</a>
<div style="width: 24px"></div>
{% block navbar %}
<ul class="navbar-nav list-inline flex-row">
<li class="nav-item list-inline-item">
<a class="nav-link btn-navbar" id="home" href="/">Home <span
class="sr-only">(current)</span></a>
</li>
{% comment %}<li class="nav-item list-inline-item">
<a class="nav-link btn-navbar" href="/about/">About</a>
</li>{% endcomment %}
<li class="nav-item list-inline-item">
<a class="nav-link btn-navbar" href="/contact/">Contact</a>
</li>
<li class="nav-item list-inline-item">
<a class="nav-link btn-navbar" href="/resources">Resources</a>
</li>
{% if request.user.is_authenticated %}
<li class="nav-item list-inline-item">
<a class="nav-link btn-navbar" href="/dashboard/">Dashboard</a>
</li>
{% else %}
<li class="nav-item list-inline-item">
<a class="nav-link btn-navbar" href="/register/">Register</a>
</li>
{% endif %}
</ul>
{% endblock %}
</div>
{% if request.user.is_authenticated %}
<div style="padding: 8px">
<a class="btn btn-outline-danger" href="/logout/" role="button">Logout</a>
</div>
{% endif %}
</nav>
</header>
<main role="main">
<div class="container body" style="padding-bottom: 48px; padding-top: 72px">
{% block content %} {% endblock %}
</div>
</main>
<footer class="footer" style="z-index: 9999">
<div class="row">
<div class="col-6">
<div class="row">
<div class="col-1">
<img src="/static/images/logo-undp.png" height="40px" style="max-width:100%; margin-left:16px;"/>
</div>
<div class="col-1">
<img src="/static/images/logo-gef.png" height="40px" style="max-width:100%;"/>
</div>
<div class="col-3" style="padding-top: 8px; padding-left: 0px">
<p class="text align-content-between">
<small>Supported by <a href="http://www.in.undp.org/">UNDP</a></small>
</p>
</div>
</div>
</div>
<div class="col-6">
<p class="text align-content-between" style="padding: 8px; text-align: right;">
<small>Powered by <a href="http://edsglobal.com/">EDS</a> & <a href="https://zenatix.com/">Zenatix</a>
</small>
</p>
</div>
</div>
</footer>
<script src="/static/js/jquery-3.2.1.js"></script>
<script src="/static/js/popper.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/common.js"></script>
<script>
$(document).ready(function () {
SelectActiveURL(location.pathname);
});
</script>
{% block script %} {% endblock %}
</body>
</html>