File: /home/imensosw/public_html/imenso.co/dev/lavender/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">
<div class="row align-items-center">
<div class="col-lg-2">
<h2>Kit Availability</h2>
</div>
<div class="col-lg-4">
<form class="form-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search.." aria-label="Search">
</form>
</div>
<div class="col-lg-6 text-right">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Kit </button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#"> RTS MTP implant</a>
<a class="dropdown-item" href="#"> Lesser Toe</a>
<a class="dropdown-item" href="#">I2B Staple</a>
</div>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Booking Status </button>
<ul class="dropdown-menu legends">
<li class="dropdown-item available">Available</li>
<li class="dropdown-item replenish">To be replenished</li>
<li class="dropdown-item dropdown-item booked">Booked</li>
<li class="dropdown-item double">Double Booked</li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Booked By </button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">John Doe</a>
<a class="dropdown-item" href="#">James Clear</a>
</div>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Hospital </button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">BMI Chelsfield</a>
<a class="dropdown-item" href="#">Hillsborough Clinic </a>
<a class="dropdown-item" href="#">Louth Hospital</a>
</div>
</div>
</div>
</div>
</div>
<!-- <img src="images/gantt-2.png" style="width: 100%"> -->
<div class="avail-chart">
<div id="" class="table-chart scroller">
<table id="main-table" class="main-table">
<thead>
<tr class="headrow">
<td colspan="">Kit Name</td>
<td colspan="30" class="text-center">
<div class="mnth-srl">
<i class="fa fa-chevron-left"></i>
<span>April 2022</span>
<i class="fa fa-chevron-right"></i>
</div>
</td>
</tr>
<tr>
<th scope="col"></th>
<th scope="col">1 Fri</th>
<th scope="col" class="holiday">2 Sat</th>
<th scope="col" class="holiday">3 Sun</th>
<th scope="col" class="tdy">4 Mon</th>
<th scope="col">5 Tue</th>
<th scope="col">6 Wed</th>
<th scope="col">7 Thu</th>
<th scope="col">8 Fri</th>
<th scope="col" class="holiday">9 Sat</th>
<th scope="col" class="holiday">10 Sun</th>
<th scope="col">11 Mon</th>
<th scope="col">12 Tue</th>
<th scope="col">13 Wed</th>
<th scope="col">14 Thu</th>
<th scope="col">15 Fri</th>
<th scope="col" class="holiday">16 Sat</th>
<th scope="col" class="holiday">17 Sun</th>
<th scope="col">18 Mon</th>
<th scope="col">19 Tue</th>
<th scope="col">20 Wed</th>
<th scope="col">21 Thu</th>
<th scope="col">22 Fri</th>
<th scope="col" class="holiday">23 Sat</th>
<th scope="col" class="holiday">24 Sun</th>
<th scope="col">25 Mon</th>
<th scope="col">26 Tue</th>
<th scope="col">27 Wed</th>
<th scope="col">28 Thu</th>
<th scope="col">29 Fri</th>
<th scope="col" class="holiday">30 Sat</th>
</tr>
</thead>
<tbody>
<tr class="cat-row">
<th>Lesser Toe</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="kit-row">
<td>Laser Toe Set 01</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="5" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="bkd dbkd" colspan="3" data-toggle="tooltip" data-placement="top" title="Double Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>Laser Toe Set 02</td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Coming Today"></td>
<td class="bkd" colspan="3" data-toggle="tooltip" data-placement="top" title="Booked 2"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>Laser Toe Set 03</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="cat-row">
<th>I2B Staple</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="kit-row">
<td>I2B Staple Set 01</td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="5" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>I2B Staple Set 02</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="5" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="bkd dbkd" colspan="6" data-toggle="tooltip" data-placement="top" title="Double Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>I2B Staple Set 03</td>
<td class="bkd" colspan="5" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="bkd" colspan="3"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
<td class="albl"></td>
</tr>
<tr class="cat-row">
<th>Triway Nail</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="kit-row">
<td>Triway Nail Set 01</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="5" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>Triway Nail Set 02</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="5" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>Triway Nail Set 03</td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="cat-row">
<th>RTS 1st MTP</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="kit-row">
<td>RTS 1st MTP Set 01</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>RTS 1st MTP Set 02</td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
<tr class="kit-row">
<td>RTS 1st MTP Set 03</td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="bkd" colspan="4" data-toggle="tooltip" data-placement="top" title="Booked"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
<td class="albl" data-toggle="tooltip" data-placement="top" title="Available"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Add Dispatch -->
<div class="modal fade" id="bookingDetails" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Booking Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h4 class="lined-h">Hospital Details</h4>
<h5>Bupa Hospital</h5>
<div class="form-group">
<div class="info">
<div class="info-left">
<strong>John Wick </strong><br>
<small>Location: 45 East Block NY</small><br>
<small>Email: johnwich@bupa.com</small><br>
<small>Phone: 9988776655</small>
</div>
</div>
</div>
<div class="form-group">
<span>Operation Name: <strong>Appendectomy</strong> </span>
</div>
<div class="form-group">
<span>PO Number: <strong>B001</strong> </span>
</div>
<h4 class="lined-h mt-5">Important Dates</h4>
<div class="form-group">
<label>Delivery date</label><br>
<strong>3/9/2022 8:00 AM</strong>
</div>
<div class="form-group">
<label>Operation date</label><br>
<strong>3/10/2022 10:00 AM</strong>
</div>
<div class="form-group">
<label>Collection date</label><br>
<strong>3/11/2022 11:00 AM</strong>
</div>
<h4 class="mt-5 lined-h">Purchase/Hire Details</h4>
<table class="table">
<tbody>
<tr>
<td>RTS MTP implant - Set 01</td>
<td class="text-right">2</td>
</tr>
<tr>
<td>RTS MTP implant - Set 01</td>
<td class="text-right">1</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<a href="" class="btn btn-secondary" data-dismiss="modal">Cancel</a>
<a href="" class="btn btn-primary">Submit</a>
</div>
</div>
</div>
</div>
<?php include('footer.php');?>
<script type="text/javascript">
$(document).ready(function(){
$(".bkd").click(function(){
$("#bookingDetails").modal('show');
});
});
</script>
<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>