File: /home/imensosw/public_html/imenso.co/dev/lavender-old/dispatch.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">
</head>
<body>
<?php include('header.php'); ?>
<section class="b-burger">
<div class="container">
<div class="d-flex align-items-center justify-content-between">
<h1 class="date-scroll pt-4"> <a href="dashboard.php"><i class="fa fa-long-arrow-left smbtn"></i></a> <strong>Review Booking</strong></h1>
<div class="pt-4"><a href="javascript:;" data-toggle="modal" data-target="#addDispatch" class="btn btn-primary">Dispatch</a></div>
</div>
<form>
<div class="row pt-4">
<div class="col-lg-8">
<div class="d-card">
<h4>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>
<div class="d-card mt-4">
<h4>Purchase/Hire Details</h4>
<div class="form-group">
<span>PO Number: <strong>B001</strong> </span>
</div>
<div class="mt-4">
<table class="table">
<thead>
<tr>
<th>Image</th>
<th>Kit Name</th>
<th></th>
<th class="text-right">Qty</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="images/kit1.png" width="60"></td>
<td>RTS MTP implant - Set 01</td>
<td><a href="javascript:;" data-toggle="modal" data-target="#kitDetails" class="btn btn-bordered sml-text">View Details</a></td>
<td class="text-right">2</td>
</tr>
<tr>
<td><img src="images/kit1.png" width="60"></td>
<td>RTS MTP implant - Set 01</td>
<td><a href="javascript:;" data-toggle="modal" data-target="#kitDetails" class="btn btn-bordered sml-text">View Details</a></td>
<td class="text-right">1</td>
</tr>
</tbody>
</table>
</div>
</div>
<h4 class="mt-5" style="font-size: 16px;">Booking Timeline</h4>
<ul class="timeline mt-4 sml-text">
<li>
<strong>2 March, 2022</strong>
<p>Rep Jon requested for Booking</p>
</li>
<li>
<strong>3 March, 2022</strong>
<p>Booking is confirmed by Alice</p>
</li>
<li>
<strong>3 March, 2022</strong>
<p>Booking information is updated by Alice</p>
</li>
</ul>
</div>
<div class="col-lg-4">
<div class="d-card">
<h4>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>
</div>
<div class="d-card mt-4">
<h4>Charges</h4>
<div class="form-group">
<label>Hire Charge</label>
<strong>£ 200</strong>
</div>
<div class="form-group">
<label>Shipping Charge</label>
<strong>£ 20</strong>
</div>
</div>
<div class="d-card mt-4">
<h4>Booked By</h4>
<strong>James Clear</strong><br>
<small>james@imenso.com</small>
</div>
<div class="d-card mt-4">
<h4>Additional Notes</h4>
<div class="form-group">
<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</small>
</div>
</div>
</form>
</div>
</div><!--/row-->
</div>
</section>
<!-- Hospital Info Modal -->
<div class="modal fade bigModal" id="infoHospital" 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="">Hospital Info</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form class="row">
<div class="col-lg-6">
<div class="form-group">
<label>Switch Board Phone Number</label>
<input type="" class="form-control" name="" value="9988776655">
</div>
<div class="form-group">
<label>Contact Person Name</label>
<input type="" class="form-control" name="" value="John Wich">
</div>
<div class="form-group">
<label>Contact Person Phone Number</label>
<input type="" class="form-control" name="" value="9977885522">
</div>
<div class="form-group">
<label>Email Address</label>
<input type="" class="form-control" name="" value="johnwich@buba.com">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>Default Hospital Address</label>
<textarea class="form-control" name="" rows="2" value="">45 East Block NY</textarea>
<a href="" class="sml-btn mt-3"><i class="fa fa-plus"></i> Add More Address</a>
</div>
<div class="form-group">
<label>Default Hospital Department</label>
<input type="" class="form-control" name="" value="OPD">
<a href="" class="sml-btn mt-3"><i class="fa fa-plus"></i> Add More Department</a>
</div>
</div>
</form>
</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>
<!-- Kit Details Modal -->
<div class="modal fade bigModal" id="kitDetails" 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="">Kit Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="table">
<thead>
<tr>
<th>Product Code</th>
<th>Product Name</th>
<th>Qty</th>
</tr>
</thead>
<tbody>
<tr>
<td>M04 S0001</td>
<td>RTS Lesser MTP Instrument Kit - Size 1-3</td>
<td>2</td>
</tr>
<tr>
<td>M04 S0001</td>
<td>RTS Lesser MTP Implant Size 1</td>
<td>1</td>
</tr>
<tr>
<td>M04 S0001</td>
<td>RTS Lesser MTP Instrument Kit - Size 1-3</td>
<td>2</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<a href="" class="btn btn-secondary" data-dismiss="modal">Close</a>
</div>
</div>
</div>
</div>
<!-- Add Dispatch -->
<div class="modal fade" id="addDispatch" 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="">Add Dispatch</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form class="">
<div class="form-group">
<label>Courier</label>
<input type="" class="form-control" name="">
</div>
<div class="form-group">
<label>Tracker</label>
<select class="chosen-select">
<option>Select Role</option>
<option>A</option>
<option>B</option>
</select>
</div>
<label>Number of Boxes</label>
<div class="form-group row">
<div class="col">
<input type="" class="form-control" placeholder="Box Type" name="">
</div>
<div class="col">
<input type="" class="form-control" name="" placeholder="Number of Boxes">
</div>
</div>
<a href="" class="sml-btn"><i class="fa fa-plus"></i> Add More</a>
</form>
</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>
$(function(){
setTimeout(function(){
$('.nav-item').removeClass('active');
$('.nav-item').eq(2).addClass('active');
},100);
});
</script>
</body>
</html>