{% load i18n %}
{% load url from future %}
{% load static from staticfiles %}
{% load core_extras %}
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block head_title %}{% endblock %} | Eaglewatch</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="icon" href="/static/img/eaglewatch-icon.png"/>
<link href="{% static 'css/font-lato.css' %}" rel="stylesheet">
<link href="{% static 'css/font-montserrat.css' %}" rel="stylesheet">
<!--<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.css' %}" />-->
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/dashboard.css' %}" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/sticky-footer-navbar.css' %}" />
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<!-- <link rel="stylesheet" type="text/css" href="{% static 'css/typeaheadjs.css' %}" /> -->
<link rel="stylesheet" href="{% static 'css/datepicker3.css' %}" />
<link rel="stylesheet" href="{% static 'css/bootstrap-switch.css' %}" />
<link rel="stylesheet" href="{% static 'css/bootstrap-combobox.css' %}" />
<link rel="stylesheet" href="{% static 'css/bootstrap-timepicker.css' %}" />
<link rel="stylesheet" href="{% static 'css/nv.d3.min.css' %}" />
<link rel="stylesheet" href="{% static 'css/jquery-ui.css' %}">
<link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<!-- for jQuery UI Autocomplete -->
<script src="{% static 'js/jquery.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/jquery-ui.js' %}"></script>
<!-- for Block UI -->
<script src="{% static 'js/jquery.blockUI.js' %}"></script>
<!-- Angular JS -->
<script src="{% static 'js/angular.min.js' %}"></script>
<!-- Leaflet CSS -->
<link rel="stylesheet" href="{% static 'css/leaflet.css' %}" />
<link rel="stylesheet" href="{% static 'css/MarkerCluster.css' %}" />
<link rel="stylesheet" href="{% static 'css/MarkerCluster.Default.css' %}" />
<!-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> -->
<!-- Leaflet JS -->
<script src="{% static 'js/leaflet.js' %}"></script>
{% block extra_head %}
{% endblock %}
<style>
/* FOR TRANSFER TO static/css/style.css */
/* Red error messages. */
ul.messages > li.error { background: #E51C23; }
ul.messages a:link, ul.messages a:visited { color: #FFFF00; }
/* Bottom padding in last site menu item for clearance over copyright info. */
.sidebar-wrapper > ul:last-child { padding-bottom: 40px; }
/* Temporary residence button in personal detail page */
.widget-title div.tools {
border-left: 1px solid #E0DEDE;
float: right;
margin: 2px 0 0;
padding: 2px 2px 2x 2px;
font-size: 11px;
}
.widget-title div.tools div.dropdown .btn {
font-size: 13px;
background-color: transparent;
color: #979797;
}
.employment_status_color_label {
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
/* Calendar and combobox overlap fixes */
.form-control {
position: relative;
z-index: 100;
}
.combobox-container {
position: absolute;
}
</style>
{% block style %}{% endblock %}
</head>
<body id='container'>
{% block body %}
<!-- Begin page content -->
<div class="home-container">
<div class="row">
<div class="col-md-2 main-sidebar">
<div class="navbar navbar-logo" role="navigation">
<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="/">Eaglewatch</a>
</div>
</div>
<div class="sidebar-wrapper">
{% if request.user.is_authenticated %}
<ul class="nav nav-pills nav-stacked">
{% if request.session.is_office_employee %}
<!-- <li class="has-sub {% current 'dashboard:dashboard' %}">
<a class="{% current 'dashboard:dashboard' %}" href="{% url 'dashboard:dashboard' %}">
<i class="fa fa-area-chart"></i>
{% trans "Dashboard" %}
</a>
</li> -->
<li class="has-sub
{% current_menu 'employee' %}
{% current_menu 'employee_records' %}
{% current_menu 'file_monitor' %}
{% current_menu 'employee_reports' %}">
<a>
<i class="fa fa-group"></i>
{% trans "Human Resources" %}
<span class="glyphicon {% get_icon 'employee' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li>
<a class="{% current 'employee:employee_home' %}" href="{% url 'employee:employee_home' %}">
{% trans "Employees" %}
</a>
</li>
<!-- <li>
<a class="{% current 'hr_tracker:contacts' %}" href="{% url 'hr_tracker:contacts' %}">Contacts</a>
</li>
<li>
<a class="{% current 'document_tracker:home' %}" href="{% url 'document_tracker:home' %}">201 Documents</a>
</li>
<li>
<a class="{% current 'health_tracker:home' %}" href="{% url 'health_tracker:home' %}">Health</a>
</li>
<li>
<a class="{% current 'hr_tracker:medicaL_tracker' %}" href="{% url 'hr_tracker:medical_tracker' %}">Medical Results</a>
</li>
<li>
<a class="{% current 'hr_tracker:training_tracker' %}" href="{% url 'hr_tracker:training_tracker' %}">Trainings</a>
</li>
<li>
<a class="{% current 'hr_tracker:skill_tracker' %}" href="{% url 'hr_tracker:skill_tracker' %}">Skills</a>
</li> -->
<li>
<a class="{% current 'employee_records:index' %}" href="{% url 'employee_records:index' %}">201 Files</a>
</li>
<li>
<a class="{% current 'file_monitor:index' %}" href="{% url 'file_monitor:index' %}">File Monitoring</a>
</li>
<li>
<a class="{% current 'employee_reports:day_off_monitor_list' %}" href="{% url 'employee_reports:day_off_monitor_list' %}">Day Off Monitoring</a>
</li>
<li>
<a class="{% current 'awol_monitoring:list_all_notices' %}" href="{% url 'awol_monitoring:home' %}">AWOL Monitoring</a>
</li>
<li>
<a class="{% current 'training:training_home' %}" href="{% url 'training:training_home' %}">Trainings</a>
</li>
<li>
<a class="{% current 'memorandums:home' %}" href="{% url 'memorandums:home' %}">Memorandums</a>
</li>
<li>
<a class="{% current 'employee_reports:home' %}" href="{% url 'employee_reports:home' %}">Reports</a>
</li>
</ul>
</li>
<li class="has-sub
{% current_menu 'client' %}
{% current_menu 'client_group' %}">
<a>
<i class="fa fa-building-o"></i>
{% trans "Clients" %}
<span class="glyphicon {% get_icon 'client' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'client:view_detachments' %}" href="{% url 'client:view_detachments' %}">{% trans "Detachments" %}</a></li>
<li><a class="{% current 'client:view_companies' %}" href="{% url 'client:view_companies' %}">{% trans "Clients" %}</a></li>
<li><a class="{% current 'client_groups:view_client_groups' %}" href="{% url 'client_groups:view_client_groups' %}">{% trans "Clients Groups" %}</a></li>
<li><a class="{% current 'client:view_batches' %}" href="{% url 'client:view_batches' %}">{% trans "Batches" %}</a></li>
<li><a class="{% current 'client_reports:home' %}" href="{% url 'client_reports:home' %}">{% trans "Reports" %}</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'recruitment' %}">
<a>
<i class="fa fa-building-o"></i>
{% trans "Recruitment" %}
<span class="glyphicon {% get_icon 'client' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'recruitment:home' %}" href="{% url 'recruitment:home' %}">Recruitment Home</a></li>
<li><a class="{% current 'recruitment:recruiter_list' %}" href="{% url 'recruitment:recruiter_list' %}">Recruiters</a></li>
<li><a class="{% current 'recruitment:applicant_list' %}" href="{% url 'recruitment:applicant_list' %}?status=in_process">Applicants</a></li>
<li><a class="{% current 'recruitment:commission_report' %}" href="{% url 'recruitment:commission_release_report_form' %}">Commission Releases</a></li>
<li><a class="{% current 'recruitment:commission_scheme' %}" href="{% url 'recruitment:commission_scheme' %}">Commission Scheme</a></li>
<li><a class="{% current 'recruitment:reports' %}" href="{% url 'recruitment:reports' %}">Reports</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'deployments' %}">
<a>
<i class="fa fa-exchange"></i>
{% trans "Deployments" %}
<span class="glyphicon {% get_icon 'deployments' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li>
<a class="{% current 'deployments:guard_movements.index' %}" href="{% url 'deployments:guard_movements.index' %}">
{% trans "Guard Movement" %}
</a>
</li>
<li>
<a class="{% current 'deployments:statuses.index' %}" href="{% url 'deployments:statuses.index' %}">
{% trans "Movement Types" %}
</a>
</li>
<li>
<a class="{% current 'deployments:list_tag' %}" href="{% url 'deployments:list_tag' %}">
Non-Conforming Tags
</a>
</li>
<li>
<a class="{% current 'deployments:training_schools.index.index' %}" href="{% url 'deployments:training_schools.index' %}">
{% trans "Training Schools" %}
</a>
</li>
<li>
<a class="{% current 'deployments:reports' %}" href="{% url 'deployments:reports' %}">
{% trans "Report" %}
</a>
</li>
<li>
<a class="{% current 'deployments:in_out_report' %}" href="{% url 'deployments:in_out_report' %}">
{% trans "In & Out" %}
</a>
</li>
</ul>
</li>
<li class="has-sub {% current_menu 'egts' %}">
<a>
<i class="fa fa-exchange"></i>
{% trans "EGTS" %}
<span class="glyphicon {% get_icon 'deployments' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li>
<a class="{% current 'egts:zone.listview' %}" href="{% url 'egts:zone.listview' %}">
{% trans "Zones" %}
</a>
</li>
<li>
<a class="{% current 'egts:egts_text_report_list' %}" href="{% url 'egts:egts_text_report_list' %}">
{% trans "EGTS Text Reports" %}
</a>
</li>
<li>
<a class="{% current 'egts:egts.choose_report' %}" href="{% url 'egts:egts.choose_report' %}">
{% trans "Report" %}
</a>
</li>
</ul>
</li>
<!--li class="has-sub {% current_menu 'deployment' %}">
<a>
<i class="fa fa-cubes"></i>
{% trans "Deployments" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'deployment:capacity_overview' %}" href="{% url 'deployment:capacity_overview' %}">{% trans "Capacity Overview" %}</a></li>
<li><a class="{% current 'deployment:employee_movement' %}" href="{% url 'deployment:employee_movement' %}">{% trans "Employee Movement" %}</a></li>
<li><a class="{% current 'deployment:search_employee' %}" href="{% url 'deployment:search_employee' %}">{% trans "Employee Status Manager" %}</a></li>
<li><a class="{% current 'deployment:search_detachment' %}" href="{% url 'deployment:search_detachment' %}">{% trans "Client Demand Manager" %}</a></li>
</ul>
</li-->
<!--li class="has-sub {% current_menu 'timekeeper' %}">
<a>
<i class="fa fa-calendar"></i>
{% trans "Timekeeper" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current '' %}" href="">{% trans "Holidays" %}</a></li>
</ul>
</li-->
<li class="has-sub {% current_menu 'materials' %}">
<a>
<i class="fa fa-briefcase"></i>
{% trans "Materials Inventory" %}
<span class="glyphicon {% get_icon 'materials' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'materials:items.index' %}" href="{% url 'materials:items.index' %}">{% trans "Items" %}</a></li>
<li><a class="{% current 'materials:item_types.index' %}" href="{% url 'materials:item_types.index' %}">{% trans "Item Types" %}</a></li>
<li><a class="{% current 'materials:brands.index' %}" href="{% url 'materials:brands.index' %}">{% trans "Brands" %}</a></li>
<li><a class="{% current 'materials:reports.index' %}" href="{% url 'materials:reports.index' %}">{% trans "Reports" %}</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'manhours' %}">
<a>
<i class="fa fa-clock-o"></i>
{% trans "Manhours" %}
<span class="glyphicon {% get_icon 'manhours' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'manhours:dmc-list' %}" href="{% url 'manhours:dmc-list' %}">{% trans "DMC List" %}</a></li>
<li><a class="{% current 'manhours:reports' %}" href="{% url 'manhours:reports' %}">{% trans "Reports" %}</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'payroll_core' %}
{% current_menu 'payroll_payslips' %}
{% current_menu 'payroll_rates' %}
{% current_menu 'payroll_rates' %}
{% current_menu 'payroll_deductions_personal' %}
{% current_menu 'payroll_deductions_agency' %}
{% current_menu 'payroll_deductions_government' %}">
<a>
<i class="fa fa-money"></i>
{% trans "Payroll" %}
<span class="glyphicon {% get_icon 'accounting' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'payroll_core:home' %}" href="{% url 'payroll_core:home' %}">{% trans "Home" %}</a></li>
<li><a class="{% current 'payroll_core:batch_list' %}" href="{% url 'payroll_core:batch_list' %}">{% trans "Payroll by Batch" %}</a></li>
<li><a class="{% current 'payroll_payslips:choose_detachment' %}" href="{% url 'payroll_payslips:choose_detachment' %}">{% trans "Quick Payroll" %}</a></li>
<li><a class="{% current 'payroll_rates:choose_detachment' %}" href="{% url 'payroll_rates:choose_detachment' %}">{% trans "Payroll Rates" %}</a></li>
<li><a class="{% current 'payslip_message:payslip_message_list' %}" href="{% url 'payslip_message:payslip_message_list' %}">{% trans "Payslip Messages" %}</a></li>
<li><a class="{% current 'payroll_retro:home' %}" href="{% url 'payroll_retro:home' %}">{% trans "Retro Payroll" %}</a></li>
<li><a class="{% current 'payroll_deductions_personal:home' %}" href="{% url 'payroll_deductions_personal:home' %}">{% trans "Personal Deductions" %}</a></li>
<li><a class="{% current 'payroll_deductions_agency:home' %}" href="{% url 'payroll_deductions_agency:home' %}">{% trans "Agency Deductions" %}</a></li>
<li><a class="{% current 'payroll_deductions_government:home' %}" href="{% url 'payroll_deductions_government:home' %}">{% trans "Government Deductions" %}</a></li>
<li><a class="{% current 'thirteenth_month:home' %}" href="{% url 'thirteenth_month:home' %}">{% trans "Thirteenth Month Pay" %}</a></li>
<li><a class="{% current 'payroll_payslips:view_generated_reports' %}" href="{% url 'payroll_payslips:view_generated_reports' %}">{% trans "View Generated Reports" %}</a></li>
<li><a class="{% current 'payroll_core:view_summary_reports' %}" href="{% url 'payroll_core:view_summary_reports' %}">{% trans "Summary Reports" %}</a></li>
</ul>
</li>
{% if user|group:"Finance" %}
<li class="has-sub {% current 'accounting:home' %}">
<a>
<i class="fa fa-money"></i>
{% trans "Accounting" %}
<span class="glyphicon {% get_icon 'accounting' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'accounting:home' %}" href="{% url 'accounting:home' %}">{% trans "Home" %}</a></li>
</ul>
</li>
{% endif %}
{% if user|group:"Expense" %}
<li class="has-sub {% current_menu 'expense_tracker' %}">
<a>
<i class="fa fa-money"></i>
{% trans "Expenses" %}
<span class="glyphicon {% get_icon 'expense_tracker' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'expense_tracker:list_expenses' %}" href="{% url 'expense_tracker:list_expenses' %}">{% trans "Expenses" %}</a></li>
<li><a class="{% current 'expense_tracker:list_expense_items' %}" href="{% url 'expense_tracker:list_expense_items' %}">{% trans "Expense Items" %}</a></li>
<li><a class="{% current 'expense_tracker:list_expense_subcategories' %}" href="{% url 'expense_tracker:list_expense_subcategories' %}">{% trans "Expense Sub-categories" %}</a></li>
<li><a class="{% current 'expense_tracker:list_categories' %}" href="{% url 'expense_tracker:list_categories' %}">{% trans "Expense Categories" %}</a></li>
</ul>
</li>
{% endif %}
<li class="has-sub {% current_menu 'invoice' %}">
<a>
<i class="fa fa-money"></i>
{% trans "Billing" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'invoice:billing_home' %}" href="{% url 'invoice:billing_home' %}">Billing Home</a></li>
<li><a class="{% current 'invoice:list_invoices' %}" href="{% url 'invoice:list_invoices' %}">{% trans "Invoice Overview" %}</a></li>
<li><a class="{% current 'invoice:select_client' %}" href="{% url 'invoice:select_client' %}">{% trans "Cost Center Invoices" %}</a></li>
<li><a class="{% current 'invoice:reports' %}" href="{% url 'invoice:reports' %}">{% trans "Reports" %}</a></li>
<li><a class="{% current 'invoice:accounts_list_view' %} "href="{% url 'invoice:accounts_list_view' %}">{% trans "Accounts" %}</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'receivables' %}">
<a>
<i class="fa fa-group"></i>
{% trans "Guard Receivables" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'receivables:search_employee' %}" href="{% url 'receivables:search_employee' %}">{% trans "View Guard Receivables" %}</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'payables' %}">
<a>
<i class="fa fa-group"></i>
{% trans "Guard Payables" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'payables:search_employee' %}" href="{% url 'payables:search_employee' %}">{% trans "View Guard Payables" %}</a></li>
<li><a class="{% current 'payables:payable_types' %}" href="{% url 'payables:payable_types' %}">{% trans "Payable Types" %}</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'user-manager' %}">
<a>
<i class="fa fa-child"></i>
{% trans "User Manager" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'user_manager:office_employees' %}" href="{% url 'user_manager:office_employees' %}">{% trans "Office Employees" %}</a></li>
<li><a class="{% current 'signup_invitations:invite' %}" href="{% url 'signup_invitations:invite' %}">Invite Office Employee by Email</a></li>
</ul>
</li>
<li class="has-sub {% current_menu 'location' %}">
<a>
<i class="fa fa-location-arrow"></i>
{% trans "Other Settings" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'banks:banks' %}" href="{% url 'banks:banks' %}">{% trans "Banks" %}</a></li>
<li><a class="{% current 'location:cities' %}" href="{% url 'location:cities' %}">{% trans "Cities" %}</a></li>
<li><a class="{% current 'location:subregions' %}" href="{% url 'location:subregions' %}">{% trans "Subregion" %}</a></li>
<li><a class="{% current 'location:regions' %}" href="{% url 'location:regions' %}">{% trans "Region" %}</a></li>
<li><a class="{% current 'location:countries' %}" href="{% url 'location:countries' %}">{% trans "Country" %}</a></li>
<li>
<a class="{% current 'client:list-business-nature' %}" href="{% url 'client:list-business-nature' %}">Nature of Business</a>
</li>
</ul>
</li>
<li class="has-sub {% current_menu 'location' %}">
<a>
<i class="fa fa-globe"></i>
{% trans "Accessibility" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'mapper:find_nearest_detachments' %}" href="{% url 'mapper:find_nearest_detachments' %}">{% trans "Find Nearest Detachment" %}</a></li>
<li><a class="{% current 'mapper:find_nearest_employees' %}" href="{% url 'mapper:find_nearest_employees' %}">{% trans "Find Nearest Employee" %}</a></li>
<li><a class="{% current 'mapper:reports_home' %}" href="{% url 'mapper:reports_home' %}">{% trans "Reports" %}</a></li>
</ul>
</li>
{% endif %}{% comment %} End office employees-only {% endcomment %}
{% if request.session.is_field_supervisor or request.session.is_office_employee or request.session.field_emp_with_dar_access %}
<li class="has-sub {% current_menu 'dar' %}">
<a>
<i class="fa fa-calendar-o"></i>
{% trans "DAR" %}
<span class="glyphicon {% get_icon '' %} collapse-menu"></span>
</a>
<ul class="sub-menu nav nav-pills nav-stacked">
<li><a class="{% current 'dar:costcenter_list' %}" href="{% url 'dar:detachment_list' %}">{% trans "Select Detachment" %}</a></li>
<!-- <li><a class="{% current 'dar:postcategory_list' %}" href="{% url 'dar:postcategory_list' %}">{% trans "Post Categories" %}</a></li> -->
</ul>
</li>
{% endif %}
{% if request.session.is_recruiter %}
<li class="has-sub">
<a>
<i class='fa fa-calendar-o'></i>
Recruiter View
<span class='glyphicon {% get_icon '' %} collapse-menu'></span>
</a>
<ul class='sub-menu nav nav-pills nav-stacked'>
<li>
<a href="{% url 'ext_recruitment:recruiter_detail' request.session.recruiter_pk %}" class="{% current 'recruitment:recruiter_list' %}">{% trans "My Details" %}</a>
</li>
<li>
<a href="{% url 'ext_recruitment:commission_report_detail' request.session.recruiter_pk %}">Commission List</a>
</li>
</ul>
</li>
<!-- Check if the recruiter is allowed to encode and is not an administrator since administrators already have access to the recruiter list. -->
{% if request.session.is_allowed_encoding_commissions and not user|group:"Administrator" %}
<li class="has-sub">
<a>
<i class='fa fa-calendar-o'></i>
Recruiter List
<span class='glyphicon {% get_icon '' %} collapse-menu'></span>
</a>
<ul class='sub-menu nav nav-pills nav-stacked'>
<li>
<a class="{% url 'recruitment:recruiter_list' %}" href="{% url 'recruitment:recruiter_list' %}">Recruiters</a>
</li>
</ul>
</li>
{% endif %}
{% endif %}
</ul>
{% endif %} {% comment %} End of global side bar contents {% endcomment %}
</div>
<div class="footer">
<p>{% include 'version.html' %}</p>
<p>© {% now "Y" %}. All rights reserved. </p>
</div>
</div>
<div class="col-md-10 main-content">
<div class="navbar" role="navigation">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
{% if request.user.is_authenticated %}
<li>
<a
href="#"
class="dropdown-toggle"
id="userinfo-button"
data-toggle="dropdown"
style="margin:0px;">
Hi, {{ request.user.username|title }}!
<i class="glyphicon glyphicon-chevron-down" style="margin-left:5px;"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="userinfo-button">
<li><a href="{% url 'accounts:change_password' %}"><i class="glyphicon glyphicon-lock"></i> Change Password</a></li>
<li><a href="{% url 'accounts:logout' %}"><i class="glyphicon glyphicon-off"></i> Logout</a><li>
</ul>
</li>
{% endif %}
</div><!--/.nav-collapse -->
</div>
{% if request.session.is_office_employee %}
{% block message %}
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|safe|linebreaks }}</li>
{% endfor %}
</ul>
{% endif %}
{% endblock %}
{% endif %}
{% block content %}
{% endblock %}
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<!-- confirmation modal -->
{% include 'modals/confirmation_modal.html' %}
<!--modal to confirm delete-->
<div class="modal fade" id="confirmDelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Delete Confirmation</h4>
</div>
<div class="modal-body">
Are you sure you want to delete?
</div>
<div class="modal-footer">
<a href="#" class="btn btn-danger danger">Delete</a>
<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<!-- Modal to confirm delete via POST request -->
<div class="modal fade" id="confirmDeletePostRequest" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Delete Confirmation</h4>
</div>
<div class="modal-body">
Are you sure you want to delete?
</div>
<div class="modal-footer">
<form method="POST">
{% csrf_token %}
<input type="hidden" name="next" value="{{ request.get_full_path }}" />
<button class="btn btn-danger danger">Delete</a>
<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
</form>
</div>
</div>
</div>
</div>
{% endblock %}
{% block extra_body %}
{% endblock %}
</body>
<script>window.jQuery || document.write('<script src="{% static 'js/vendor/jquery-1.10.2.min.js' %}"><\/script>')</script>
<script src="{% static 'js/plugins.js' %}"></script>
<script src="{% static 'js/bootstrap-datepicker.js' %}"></script>
<script src="{% static 'js/bootstrap-switch.js' %}"></script>
<script src="{% static 'js/bootstrap-combobox.js' %}"></script>
<!-- <script src="{% static 'js/typeahead.bundle.js' %}"></script> -->
<!-- <script src="{% static 'js/jquery.cookie.js' %}"></script> -->
<script src="{% static 'js/jquery.formset.js' %}"></script>
<script src="{% static 'js/jquery.easing.1.3.js' %}"></script>
<script src="{% static 'js/jquery.tablesorter.min.js' %}"></script>
<script src="{% static 'js/moment.min.js' %}"></script>
<script src="{% static 'js/d3.min.js' %}"></script>
<script src="{% static 'js/nvd3/nv.d3.min.js' %}"></script>
<script src="{% static 'js/list.min.js' %}"></script>
<script src="{% static 'js/list.pagination.min.js' %}"></script>
<script src="{% static 'js/list.fuzzysearch.min.js' %}"></script>
<script src="{% static 'js/jspdf.js' %}"></script>
<script src="{% static 'js/jspdf.plugin.cell.js' %}"></script>
<script src="{% static 'js/jspdf.filesaver.js' %}"></script>
<script src="{% static 'js/tableExporter.js' %}"></script>
<!-- Leaflet Cluster -->
<script type="text/javascript" src="{% static 'js/leaflet.markercluster-src.js' %}"></script>
<script type="text/javascript" src="{% static 'js/leaflet.markercluster.js' %}"></script>
<!-- Google Maps Clusterer -->
<script src="{% static 'js/markerclusterer.js' %}"></script>
<script>
$('.widget').each(function(){
var body = $(this).find('.widget-body');
$(this).find('.collapse-widget').on('click', function(){
if($(this).hasClass('glyphicon-chevron-up')){
$(body).slideUp("fast", function(){});
$(this).addClass('glyphicon-chevron-down');
$(this).removeClass('glyphicon-chevron-up');
}else{
$(body).slideDown("fast", function(){});
$(this).addClass('glyphicon-chevron-up');
$(this).removeClass('glyphicon-chevron-down');
}
});
});
$('.has-sub').on('click', function(){
var body = $(this).find('.sub-menu');
$(this).find('.collapse-menu').each(function(){
if($(this).hasClass('glyphicon-chevron-right')){
$(body).slideDown("fast", function(){});
$(this).addClass('glyphicon-chevron-down');
$(this).removeClass('glyphicon-chevron-right');
}else{
$(body).slideUp("fast", function(){});
$(this).addClass('glyphicon-chevron-right');
$(this).removeClass('glyphicon-chevron-down');
}
});
});
$('.with-tooltip').tooltip();
$('.table-sort').tablesorter();
//$('.datetimepicker').datepicker({dateFormat: "yy-mm-dd"});
$('.dropdown-toggle').dropdown();
</script>
<script>
$('button[type=submit]').click(function() {
$(this).attr('disabled', 'disabled');
$(this).html('<i class="fa fa-refresh fa-spin"></i> Loading... ');
$(this).closest('form[method=POST]').submit();
});
</script>
<script>
//a modal to confirm delete
$('#confirmDelete').on('show.bs.modal', function(confirm) {
$(this).find('.danger').attr('href', $(confirm.relatedTarget).data('href'));
});
</script>
<script type="text/javascript">
$(function() {
$( "#dialog" ).dialog({
autoOpen: true});
});
</script>
<script>
//a modal to confirm delete
$('#confirmDeletePostRequest').on('show.bs.modal', function(confirm) {
$(this).find('form').attr('action', $(confirm.relatedTarget).data('href'));
});
</script>
<script>
/**
* Activate a confirmation modal before proceeding to process an action.
* @param {string} title - The title of the modal.
* @param {string} description - The description text in the body of the modal.
* @param {function} action - The event that will occur once the user approves.
* @param {boolean} asForm - Defaults as false. If true, the action will be
* processed through a form as a post request.
*/
function confirmAction(title, description, action, asForm=false)
{
const modalRef = '#confirmationModal';
const confirmButton = '#confirmProceed';
$(modalRef).find('#title').html(title);
$(modalRef).find('#description').html(description);
/* Unbind previous click event from proceed button. */
$(confirmButton).off('click');
$(modalRef).find(confirmButton).click(event => {
if(asForm)
{
const form = $(modalRef).find('form');
form.submit(formEvent => {
action(event, formEvent);
});
form.submit();
}
else
{
action(event);
}
});
$(modalRef).modal('show');
}
</script>
{% block javascript %}{% endblock %}
</html>