File: /home/imensosw/www/imenso.co/dev/lavender-old/availability.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Lavender Medical</title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<?php include('header.php'); ?>
<div class="avail-chart">
<div class="ac-header d-flex align-items-center justify-content-between">
<h2>Kit Availability</h2>
<ul class="legends">
<li class="available">Available</li>
<li class="replenish">To be replenished</li>
<li class="booked">Booked</li>
<li class="double">Double Booked</li>
<li class="long-term">Consignment (Long Term)</li>
<li class="today">Coming Today</li>
<li class="wrong">Something Wrong</li>
</ul>
</div>
<img src="images/gantt-2.png" style="width: 100%">
</div>
<?php include("footer.php");?>
<script>
$(function(){
setTimeout(function(){
$('.nav-item').removeClass('active');
$('.nav-item').eq(1).addClass('active');
},100);
});
</script>
<script type="text/javascript" src="js/main.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth'
});
calendar.render();
});
</script>
</body>
</html>