{% extends 'board_hod.html' %}
{% load static %}
{% load humanize %}
{% block title %}
  <title>My Dashboard</title>
  <meta name="description" content="">

{% endblock title %}

{% block content %}
<br>
<br>
<div class=" app-content">
	<div class="side-app">

    {% include 'partials/_alerts.html' %}
		<!--Page Header-->
		<div class="page-header">
			<h4 class="page-title"><i class="fa fa-home text-apu-purple mr-2 fa-1x"></i>Welcome to your dashboard, <strong class="text-apu-purple">{{user.first_name}}</strong></h4>
			<ol class="breadcrumb bg-white">
				<li class="breadcrumb-item"><a href=""><strong>Home</strong></a></li>
				<li class="breadcrumb-item active" aria-current="page"><strong>Dashboard</strong></li>
			</ol>
		</div>
		<!--page header-->


		<div class="row">
			<div class="col-md-12 col-lg-6 col-xl-4">
				<div class="card bg-apu-purple">
					<div class="card-body  pb-4">
						<div class="">
							<div class="float-left">
								<span class="text-apu-green">
									<i class="fa fa-sitemap fa-3x"></i>
								</span>
							</div>
							<div class="float-right text-right text-white">
								<br>
                <span class="num-font mb-1 text-apu-green h4"></span>
                {% if progs > 1 %}
								<h5 class="mb-1 text-white">{{progs}} programmes</h5>
                {% else %}
                <h5 class="mb-1 text-white">{{progs}} programme</h5>
                {% endif %}
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-12 col-lg-6 col-xl-4">
				<div class="card bg-apu-purple">
					<div class="card-body  pb-4">
						<div class="">
							<div class="float-left">
								<span class="text-apu-green">
									<i class="fa fa-user-tie fa-3x"></i>
								</span>
							</div>
							<div class="float-right text-right text-white">
								<br>
                <span class="num-font mb-1 text-apu-green h4"></span>
                {% if lecs > 1 %}
								<h5 class="mb-1 text-white">{{lecs}} staff</h5>
                {% else %}
                <h5 class="mb-1 text-white">{{lecs}} staff</h5>
                {% endif %}
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-12 col-lg-6 col-xl-4">
				<div class="card bg-apu-purple">
					<div class="card-body  pb-4">
						<div class="">
							<div class="float-left">
								<span class="text-apu-green">
									<i class="fa fa-users fa-3x"></i>
								</span>
							</div>
							<div class="float-right text-right text-white">
								<br>
                <span class="num-font mb-1 text-apu-green h4"></span>
                {% if studs > 1 %}
								<h5 class="mb-1 text-white">{{studs}} students</h5>
                {% else %}
                <h5 class="mb-1 text-white">{{studs}} student</h5>
                {% endif %}

							</div>
						</div>
					</div>
				</div>
		</div>
	</div>


{% endblock content%}