<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="css/mdb.min.css" rel="stylesheet" >
	<link href="css/custom.css" rel="stylesheet" >
	<title>Jubilant Dashboard</title>
	
</head>

<body >
	
	<?php include('include/header-demo.php');?>
	
	<div class="dashboard-menus">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<ul>
						<li class="active">
							<a href="#">Today</a>
						</li>
						<li>
							<a href="#">Last Month</a>
						</li>
						<li>
							<a href="#">Till Date</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<div class="main-slider-navigations">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="main-slider-nav">
						<div class="row align-items-center justify-content-md--between">
							<div class="col-md-4">
								<h4 class="mb-sm-0">Jubilant Projects</h4>
							</div>
							<div class="col-md-8">
								<ul id="custom-owl-dots">
									<li class="owl-dot active">
										<a href="javascript:void(0)">Jubicare</a>
									</li>
									<li class="owl-dot">
										<a href="javascript:void(0)">Jubifarm</a>
									</li>
									<li class="owl-dot">
										<a href="javascript:void(0)"> Telemedicine</a>
									</li>
								</ul>
							</div>
						</div>
						
					</div>
					
				</div>
			</div>
		</div>
	</div>

	<div class="main-owl-carousel owl-carousel owl-theme">
		<div>
			<div class="dashboard-menus">
				<div class="container">
					<div class="row">
						<div class="col-md-12">					
							<div class="row">
								<div class="col-md-3">
									<div class="filter-logo">
										<img src="images/jubi_care.png" class="img-fluid"/>
									</div>
								</div>
								<div class="col-md-9">
									<div class="filter-box">
										<div class="row">
											<div class="col-md-12">
												<h5>Filter</h5>
											</div>
										</div>
										<div class="row">
											<div class="col">
												<div class="form-outline">
													<input type="text" class="form-control" id="f1"  required />
													<label for="f1" class="form-label">State</label>
												</div>
											</div>
											<div class="col">								
												<select class="select" data-mdb-placeholder="Select Country">
													  <option value="" selected></option>
													  <option value="1">India</option>
													  <option value="2">USA</option>
													  <option value="3">Japan</option>
													  <option value="4">China</option>
													</select>
												<label for="f3" class="form-label select-label">City</label>								
											</div>
											<div class="col">
												<select class="select" data-mdb-placeholder="Select Project">
													  <option value="" selected></option>
													  <option value="1">Jubicare</option>
													  <option value="2">Jubifarm</option>
													  <option value="3">Telemedicine</option>
													</select>
												<label for="f3" class="form-label select-label">Project</label>
											</div>
											<div class="col">
												<div class="form-outline datepicker" data-mdb-format="dd, mmm, yyyy">
												  <input type="text" class="form-control report-date" placeholder="dd, mmm, yyyy" id="report-date" required />
												  <label for="report-date" class="form-label">Report Date</label>
												</div>
											</div>
											<div class="col">
												<button class="btn btn-primary btn-lg w-100" type="submit">Apply</button>
											</div>
										</div>
									</div>
								</div>
							</div>


						</div>

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



			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="row statics">
							<div class="col-md-3">
								<fieldset>
									<legend>Patient Serviced</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">30,000</h3>
											<p>Today</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fa fa-user-md"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
							<div class="col-md-3">
								<fieldset>
									<legend>Doctors Working</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">4,000</h3>
											<p>Today</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fas fa-stethoscope"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
							<div class="col-md-3">
								<fieldset>
									<legend>Medicine Distributed</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">24,000</h3>
											<p>Today (By Pharmacy)</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fa fa-capsules"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
							<div class="col-md-3">
								<fieldset>
									<legend>Consultation Request</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">6,100</h3>
											<p>Today (By Application)</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fa fa-calendar-check"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="container">
				<div class="row">
					<div class="col-md-5">
						<div class="card mb-5">
							<div class="card-body">
								<h4 class="header-title">Map <small>(Patient Serviced)</small></h4>
								<div id="india_map" class="map-div">

								</div>
							</div>
						</div>
					</div>
					<div class="col-md-7">
						<div class="row">
							<div class="col-md-6">
								<div class="card mb-4">
									<div class="card-body">
										<h4 class="header-title">Patient <small>(Gendewise)</small></h4>
										<div id="patient_genderwise" class="chart-div">

										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="card mb-4">
									<div class="card-body">
										<h4 class="header-title">Patient Services <small>(By Doctors)</small></h4>
										<div id="patient_services_doctors"  class="chart-div">

										</div>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="card mb-4">
									<div class="card-body">
										<h4 class="header-title">Disease wise Patients</h4>
										<div id="stacked-chart"  class="chart-div">

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div>
			<div class="dashboard-menus">
				<div class="container">
					<div class="row">
						<div class="col-md-12">					
							<div class="row">
								<div class="col-md-3">
									<div class="filter-logo">
										<img src="images/jbf.png" class="img-fluid"/>
									</div>
								</div>
								<div class="col-md-9">
									<div class="filter-box">
										<div class="row">
											<div class="col-md-12">
												<h5>Filter</h5>
											</div>
										</div>
										<div class="row">
											<div class="col">
												<div class="form-outline">
													<input type="text" class="form-control" id="f1"  required />
													<label for="f1" class="form-label">State</label>
												</div>
											</div>
											<div class="col">								
												<select class="select" data-mdb-placeholder="Select Country">
													  <option value="" selected></option>
													  <option value="1">India</option>
													  <option value="2">USA</option>
													  <option value="3">Japan</option>
													  <option value="4">China</option>
													</select>
												<label for="f3" class="form-label select-label">City</label>								
											</div>
											<div class="col">
												<select class="select" data-mdb-placeholder="Select Project">
													  <option value="" selected></option>
													  <option value="1">Jubicare</option>
													  <option value="2">Jubifarm</option>
													  <option value="3">Telemedicine</option>
													</select>
												<label for="f3" class="form-label select-label">Project</label>
											</div>
											<div class="col">
												<div class="form-outline datepicker" data-mdb-format="dd, mmm, yyyy">
												  <input type="text" class="form-control report-date" placeholder="dd, mmm, yyyy" id="report-date" required />
												  <label for="report-date" class="form-label">Report Date</label>
												</div>
											</div>
											<div class="col">
												<button class="btn btn-primary btn-lg w-100" type="submit">Apply</button>
											</div>
										</div>
									</div>
								</div>
							</div>


						</div>

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



			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="row statics">
							<div class="col-md-3">
								<fieldset>
									<legend>Patient Serviced</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">30,000</h3>
											<p>Today</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fa fa-user-md"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
							<div class="col-md-3">
								<fieldset>
									<legend>Doctors Working</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">4,000</h3>
											<p>Today</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fas fa-stethoscope"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
							<div class="col-md-3">
								<fieldset>
									<legend>Medicine Distributed</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">24,000</h3>
											<p>Today (By Pharmacy)</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fa fa-capsules"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
							<div class="col-md-3">
								<fieldset>
									<legend>Consultation Request</legend>
									<div class="statics-box">
										<div class="statics-left">
											<h3 class="counter">6,100</h3>
											<p>Today (By Application)</p>
										</div>
										<div class="statics-right">
											<div class="statics-icon">
												<i class="fa fa-calendar-check"></i>
											</div>
										</div>
									</div>	
									<div class="statics-data">
										<ul>
											<li>Uttar Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-warning"
													role="progressbar"
													style="width: 30%;"
													aria-valuenow="30"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Madhya Pradesh: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-info"
													role="progressbar"
													style="width: 60%;"
													aria-valuenow="60"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>									
											</li>
											<li>New Delhi: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 90%;"
													aria-valuenow="90"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>	</li>
											<li>Faridabad: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 95%;"
													aria-valuenow="95"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Noida: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 96%;"
													aria-valuenow="96"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div>
											</li>
											<li>Gurugram: 
												<div class="progress">
												  <div
													class="progress-bar progress-bar-striped bg-success"
													role="progressbar"
													style="width: 92%;"
													aria-valuenow="92"
													aria-valuemin="0"
													aria-valuemax="100"
												  ></div>
												</div></li>
										</ul>
									</div>
								</fieldset>
							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="container">
				<div class="row">
					<div class="col-md-5">
						<div class="card mb-5">
							<div class="card-body">
								<h4 class="header-title">Map <small>(Patient Serviced)</small></h4>
								<div id="india_map" class="map-div">

								</div>
							</div>
						</div>
					</div>
					<div class="col-md-7">
						<div class="row">
							<div class="col-md-6">
								<div class="card mb-4">
									<div class="card-body">
										<h4 class="header-title">Patient <small>(Gendewise)</small></h4>
										<div id="patient_genderwise" class="chart-div">

										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="card mb-4">
									<div class="card-body">
										<h4 class="header-title">Patient Services <small>(By Doctors)</small></h4>
										<div id="patient_services_doctors"  class="chart-div">

										</div>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="card mb-4">
									<div class="card-body">
										<h4 class="header-title">Disease wise Patients</h4>
										<div id="stacked-chart"  class="chart-div">

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

	
	
<?php /*?>	<div class="page-content">	
		<!-- end page title --> 
		<div class="content">
			 <!-- Start Content-->
        	<div class="container">

					<div class="row">
						<div class="col-12">
							
							

						</div> <!-- end col -->

					</div><!-- end row -->
                        
              </div> <!-- container -->
		</div>
	</div><?php */?>

	<?php include('include/footer.php');?>
	
<script src="js/jquery-3.6.1.min.js"></script>		
<script src="js/mdb.min.js"></script>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="js/indiamap.js"></script>
<script src="js/genderwise.js"></script>
<script src="js/patient_services_by_doctors.js"></script>
<script src="js/stacked-chart.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/all.min.js"></script>
<script src="js/custom.js"></script>

	
	
</body>
</html>
