{% extends "main/layout.html" %}
{% load static %}
{% block content %}
<div class="breadcrumb-holder">
	<div class="container-fluid">
		<ul class="breadcrumb">
			<li class="breadcrumb-item active">{{ legend|upper }}</li>
		</ul>
	</div>
</div>
<div class="container-fluid"><br/>
	<div class="row">
		<div class="col-sm-12">
			<div class="card shadow-lg border-info rounded">
				<div class="card-header bg-steel">{{ legend|upper }}</div>
				<div class="card-body">
				{% if group == "hr" or group == "admin" %}
					<a class="btn btn-sm btn-info" href="#">Lista Kontratu <i class="fa fa-users"></i></a>
					<a class="btn btn-sm btn-info" href="#">Lista Salariu <i class="fa fa-dollar"></i></a>
					<a class="btn btn-sm btn-secondary" href="#" target="_blank">Charts <i class="fa fa-bar-chart"></i></a>
					<hr/>
				{% endif %}
					<div class="row">
						<div class="col-sm-12">
							<div class="row">
								<div class="col-sm-6">
									<div class="card shadow-lg rounded border-secondary">
										<div class="card-header bg-secondary" style="color: white;">CATEGORIES</div>
										<div class="card-body">
											<table class="table table-sm table-bordered">
												<thead>
													<tr><td>Category</td><td>Number</td><td align="right">Salary</td></tr>
												</thead>
												<tbody>
												{% for i in objects_i %}
													<tr>
														<td><a href="#">{{ i.0.name }}</a></td>
														<td>{{ i.1 }}</td>
														<td align="right">$ {{ i.2 }}</td>
													</tr>
												{% endfor %}
												</tbody>
												<tfoot>
													<tr><th>Total</th><th>{{ tot_i_a }}</th><td align="right"><b>$ {{ tot_i_b }}</b></td></tr>
												</tfoot>
											</table>
										</div> <!--end card-body-->							
									</div> <!--end card-->
								</div> <!--end col-->
								<div class="col-sm-6">
									<div class="card shadow-lg rounded border-secondary">
										<div class="card-header bg-secondary" style="color: white;">MANAGEMENTS</div>
										<div class="card-body">
											<table class="table table-sm table-bordered">
												<thead>
													<tr><td>Position</td><td>Number</td><td align="right">Salary</td></tr>
												</thead>
												<tbody>
												{% for j in objects_j %}
													<tr>
														<td><a href="#">{{ j.0.name }}</a></td>
														<td>{{ j.1 }}</td>
														<td align="right">$ {{ j.2 }}</td>
													</tr>
												{% endfor %}
												</tbody>
												<tfoot>
													<tr><th>Total</th><th>{{ tot_j_a }}</th><td align="right"><b>$ {{ tot_j_b }}</b></td></tr>
												</tfoot>
											</table>
										</div> <!--end card-body-->							
									</div> <!--end card-->
								</div> <!--end col-->

							</div><!--end row-->
						</div> <!--end col-->	
					</div> <!--end row-->
					<hr/>
				</div> <!--end card-body-->
			</div> <!--end card-->
		</div> <!--end col-->
	</div> <!--end row-->
</div>
{% endblock %}
{% block scripts %}
{% endblock %}