<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <title>Performance - Rishta Depot</title>
  
	<?php include('./include/meta.php'); ?>
</head>

<?php include('./include/header.php'); ?>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
	  <div class="container-full">
		<!-- Content Header (Page header) -->
		<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="me-auto">
					<h4 class="page-title">Performance</h4>
					<div class="d-inline-block align-items-center">
						<nav>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#"><i class="mdi mdi-home-outline"></i></a></li>
								<li class="breadcrumb-item" aria-current="page">Chart</li>
								<li class="breadcrumb-item active" aria-current="page">Performance</li>
							</ol>
						</nav>
					</div>
				</div>
				
			</div>
		</div>
		<!-- Main content -->
		
		<section class="content">			
		    <div class="row">
				<div class="col-xl-6 col-12">
					 <div class="box">
				<div class="box-header with-border">
				  <h4 class="box-title">Total Pipeline</h4>
				</div>
				<div class="box-body">
				  <div id="bar-chart1" style="height: 300px;"></div>
				</div>
			  </div>
				</div>
				<div class="col-xl-6 col-12">
					 <div class="box">
				<div class="box-header with-border">
				  <h4 class="box-title">Monthly Pipeline</h4>
				</div>
				<div class="box-body">
				  <div id="bar-chart" style="height: 300px;"></div>
				</div>
			  </div>
				</div>
				<div class="col-xl-6 col-12">
					 <div class="box">
				<div class="box-header with-border">
				  <h4 class="box-title">Today's Leads</h4>
				</div>
				<div class="box-body">
				  <div id="bar-chart2" style="height: 300px;"></div>
				</div>
			  </div>
				</div>
				<!--div class="col-xl-4 col-12">
					<div class="box">
						<div class="box-body">
							<h4 class="box-title">Area Chart</h4>
							<ul class="list-inline text-center mt-40">
								<li>
									<h5><i class="fa fa-circle me-5 text-success"></i>Data 1</h5>
								</li>
								<li>
									<h5><i class="fa fa-circle me-5 text-info"></i>Data 2</h5>
								</li>
								<li>
									<h5><i class="fa fa-circle me-5 text-warning"></i>Data 3</h5>
								</li>
							</ul>
							<div id="area-chart3"></div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-12">
					<div class="box">
						<div class="box-body">
							<h4 class="box-title">line Chart</h4>
							<ul class="list-inline text-end">
								<li>
									<h5><i class="fa fa-circle me-5 text-primary"></i>Data 1</h5>
								</li>
								<li>
									<h5><i class="fa fa-circle me-5 text-success"></i>Data 2</h5>
								</li>
								<li>
									<h5><i class="fa fa-circle me-5 text-info"></i>Data 3</h5>
								</li>
							</ul>
							<div id="area-chart"></div>
						</div>
					</div>
				</div>
				<div class="col-xl-4 col-12">
					<div class="box">
						<div class="box-body">
							<h4 class="box-title">Area Chart</h4>
							<ul class="list-inline text-end">
								<li>
									<h5><i class="fa fa-circle me-5 text-warning"></i>Data 1</h5>
								</li>
								<li>
									<h5><i class="fa fa-circle me-5 text-danger"></i>Data 2</h5>
								</li>
							</ul>
							<div id="area-chart2"></div>
						</div>
					</div>
				</div-->
			</div>
		</section>
		<!-- /.content -->
	  </div>
  </div>
  <!-- /.content-wrapper -->
	
<?php include('./include/footer.php'); ?>