<!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>Home - 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">
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-lg-12">
					<div class="row">
					    <div class="col-xl-12 col-12">
					    <div class="box">
						<div class="box-header">
							<h3 class="box-title">
								Sales Pipeline
							</h3>
						</div>
						<div class="box-body pb-0">
							<div id="chart44"></div>
						</div>
						<div class="box-body pb-0">							
							<div class="row">
								<div class="col-lg-4 col-12">
									<div class="box no-shadow no-border bg-lightest">
										<div class="box-body">
											<h2 class="fw-600"><small>Leads </small>10409</h2>
											<p class="text-mute mb-0">Total Pipeline</p>
											<p class="text-success mb-0"><i class="fa fa-arrow-up"></i> 1.8%</p>
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-12">
									<div class="box no-shadow no-border bg-lightest">
										<div class="box-body">
											<h2 class="fw-600 text-primary"><small>Leads </small>10409</h2>
											<p class="text-mute mb-0">Monthly Pipeline</p>
											<p class="text-success mb-0"><i class="fa fa-arrow-up"></i> 1.8%</p>
										</div>
									</div>
								</div>
								<div class="col-lg-4 col-12">
									<div class="box no-shadow no-border bg-lightest">
										<div class="box-body">
											<h2 class="fw-600 text-success"><small>Leads </small>3 </h2>
											<p class="text-mute mb-0">Today's Leads</p>
											<p class="text-success mb-0"><i class="fa fa-arrow-up"></i> 1.8%</p>
										</div>
									</div>
								</div>
							</div>	
						</div>
					</div>
					</div>
						<!--div class="col-xl-4 col-12">
							<div class="box">
								<div class="box-header">
									<h3 class="box-title">
										 Pipeline
									</h3>
								</div>
								<div class="box-body pb-0">
									<div id="stacked-bar" style="height: 300px;"></div>
								</div>								
							</div>
						</div-->
						<div class="col-xl-6 col-12">
			  <div class="box">
				<div class="box-header">
				  <h3 class="box-title">Lead Source</h3>
				</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">
							<h3 class="box-title">Sales Analytics </h3>
						</div>
						<div class="box-body">
						    <div id="sales-chart"></div>
														
						</div>
					</div>
				</div>
					<!--div class="box">
						<div class="box-body">
							<div class="d-flex align-items-center justify-content-between">
								<div>
									<div class="bg-primary mb-20 w-50 h-50 rounded10 text-center l-h-50">
										<i class="fs-18 fa fa-file"></i>
									</div>
									<h4 class="mb-5">Projects</h4>
									<p class="text-mute mb-0">124 Total</p>
								</div>
								<div id="chart41"></div>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="box-body">
							<div class="d-flex align-items-center justify-content-between">
								<div>
									<div class="bg-info mb-20 w-50 h-50 rounded10 text-center l-h-50">
										<i class="fs-18 fa fa-cogs"></i>
									</div>
									<h4 class="mb-5 text-nowrap">On Going</h4>
									<p class="text-mute mb-0">32 Total</p>
								</div>
								<div id="chart42"></div>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="box-body">
							<div class="d-flex align-items-center justify-content-between">
								<div>
									<div class="bg-success mb-20 w-50 h-50 rounded10 text-center l-h-50">
										<i class="fs-18 fa fa-trophy"></i>
									</div>
									<h4 class="mb-5">Complate</h4>
									<p class="text-mute mb-0">102 Total</p>
								</div>
								<div id="chart43"></div>
							</div>
						</div>
					</div-->
				</div>
						<!--section class="content">
		  <div class="row">
						<div class="col-xl-6 col-12">
			  <div class="box">
				<div class="box-header">
				  <h4 class="box-title">Bar Chart</h4>
				</div>
				<div class="box-body">
				  <div id="bar-chart" style="height: 300px;"></div>
				</div>
			  </div>
			</div>
			</section-->
					</div>
					

					<!--div class="box bg-transparent no-shadow no-border mb-0">
						<div class="box-header no-border px-0">
							<h3 class="box-title">Project Data</h3>							
							<div class="box-controls pull-right d-md-flex d-none">
							  <a href="#">View All</a>
							</div>
						</div>
					</div-->
					<!--div class="box">
						<div class="box-body py-10">
							<div class="table-responsive">
								<table class="table no-border mb-0">
									<tbody>
										<tr>
											<td>
												<div class="bg-danger h-50 w-50 l-h-50 rounded text-center">
												  <p class="mb-0 fs-20 fw-600">A1</p>
												</div>
											</td>
											<td class="fw-600">Vivamus consectetur</td>
											<td class="text-fade">05-08-2021</td>
											<td class="fw-500"><span class="badge badge-sm badge-dot badge-warning me-10"></span>Approved</td>
											<td class="text-end">
												<a href="#" class="waves-effect waves-light btn-sm btn btn-primary-light btn-circle mx-5"><span class="icon-Write"><span class="path1"></span><span class="path2"></span></span></a>
												<a href="#" class="waves-effect waves-light btn btn-primary-light btn-circle"><span class="icon-Trash1 fs-18"><span class="path1"></span><span class="path2"></span></span></a>
											</td>
										</tr>
										<tr>
											<td>
												<div class="bg-info h-50 w-50 l-h-50 rounded text-center">
												  <p class="mb-0 fs-20 fw-600">B1</p>
												</div>
											</td>
											<td class="fw-600">Google Art</td>
											<td class="text-fade">05-08-2021</td>
											<td class="fw-500"><span class="badge badge-sm badge-dot badge-danger me-10"></span>Rejected</td>
											<td class="text-end">
												<a href="#" class="waves-effect waves-light btn-sm btn btn-primary-light btn-circle mx-5"><span class="icon-Write"><span class="path1"></span><span class="path2"></span></span></a>
												<a href="#" class="waves-effect waves-light btn btn-primary-light btn-circle"><span class="icon-Trash1 fs-18"><span class="path1"></span><span class="path2"></span></span></a>
											</td>
										</tr>
										<tr>
											<td>
												<div class="bg-primary h-50 w-50 l-h-50 rounded text-center">
												  <p class="mb-0 fs-20 fw-600">C1</p>
												</div>
											</td>
											<td class="fw-600">Rolex Language</td>
											<td class="text-fade">05-08-2021</td>
											<td class="fw-500"><span class="badge badge-sm badge-dot badge-warning me-10"></span>Approved</td>
											<td class="text-end">
												<a href="#" class="waves-effect waves-light btn-sm btn btn-primary-light btn-circle mx-5"><span class="icon-Write"><span class="path1"></span><span class="path2"></span></span></a>
												<a href="#" class="waves-effect waves-light btn btn-primary-light btn-circle"><span class="icon-Trash1 fs-18"><span class="path1"></span><span class="path2"></span></span></a>
											</td>
										</tr>
										<tr>
											<td>
												<div class="bg-success h-50 w-50 l-h-50 rounded text-center">
												  <p class="mb-0 fs-20 fw-600">A2</p>
												</div>
											</td>
											<td class="fw-600">Geometry INC</td>
											<td class="text-fade">05-08-2021</td>
											<td class="fw-500"><span class="badge badge-sm badge-dot badge-warning me-10"></span>Approved</td>
											<td class="text-end">
												<a href="#" class="waves-effect waves-light btn-sm btn btn-primary-light btn-circle mx-5"><span class="icon-Write"><span class="path1"></span><span class="path2"></span></span></a>
												<a href="#" class="waves-effect waves-light btn btn-primary-light btn-circle"><span class="icon-Trash1 fs-18"><span class="path1"></span><span class="path2"></span></span></a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div-->
				</div>
				
				<div class="col-lg-12">
					<div class="box">
						<div class="box-header">
							<h3 class="box-title">Users</h3>
						</div>
						<div class="box-body p-0">
							<div class="table-responsive">
								<table class="table">
									<thead class="thead-light">
										<tr>
											<th>User</th>
											<th>Email</th>
											<th>Phone No</th>                                                    
											<th>Comp.</th>
											<th>Status</th>
											<th>Act.</th>
										</tr><!--end tr-->
									</thead>

									<tbody>
										<tr>
											<td><img src="../../../images/avatar/1.jpg" alt="" class="avatar-sm rounded-circle me-2">JD</td>
											<td>jd@gmail.com</td>
											<td>+123456789</td>
											<td>Josek</td>
											<td> <span class="badge badge-primary">New Lead</span></td>
											<td>                                                                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<tr>
											<td><img src="../../../images/avatar/2.jpg" alt="" class="avatar-sm rounded-circle me-2">MJ</td>
											<td>mj@gmail.com</td>
											<td>+123456789</td>
											<td>Domi</td>
											<td> <span class="badge badge-primary">New Lead</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<tr>
											<td><img src="../../../images/avatar/3.jpg" alt="" class="avatar-sm rounded-circle me-2">DM</td>
											<td>dm@gmail.com</td>
											<td>+123456789</td>
											<td>Google</td>
											<td> <span class="badge badge-danger">Lost</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<tr>
											<td><img src="../../../images/avatar/4.jpg" alt="" class="avatar-sm rounded-circle me-2">KS</td>
											<td>ks@gmail.com</td>
											<td>+123456789</td>
											<td>Amazon</td>
											<td> <span class="badge badge-primary">New Lead</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr--> 
										<tr>
											<td><img src="../../../images/avatar/5.jpg" alt="" class="avatar-sm rounded-circle me-2">TL</td>
											<td>tl@gmail.com</td>
											<td>+123456789</td>
											<td>Liva</td>
											<td> <span class="badge badge-info">Follow Up</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<tr>
											<td><img src="../../../images/avatar/6.jpg" alt="" class="avatar-sm rounded-circle me-2">MP</td>
											<td>mp@gmail.com</td>
											<td>+123456789</td>
											<td>Sky</td>
											<td> <span class="badge badge-success">Converted</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->                                    
									</tbody>
								</table>                    
							</div>  
						</div><!--end card-body-->
					</div>
				</div>
					<!--div class="col-xxxl-5 col-xl-5 col-12">
					<div class="box">
						<div class="box-header">
							<h3 class="box-title">Groth Overview</h3>
						</div>
						<div class="box-body">
							<div class="d-md-flex d-block justify-content-between">
								<div>
									<p class="mb-0 text-fade"><small>Users</small></p>
									<h3 class="my-0">2.57K</h3>
									<p class="mb-0 text-success"><i class="fa fa-arrow-up me-5"></i>12.37%</p>
								</div>
								<div>
									<p class="mb-0 text-fade"><small>Traffic</small></p>
									<h3 class="my-0">3.98K</h3>
									<p class="mb-0 text-success"><i class="fa fa-arrow-up me-5"></i>47.74%</p>
								</div>
								<div>
									<p class="mb-0 text-fade"><small>Store</small></p>
									<h3 class="my-0">28.49%</h3>
									<p class="mb-0 text-danger"><i class="fa fa-arrow-down me-5"></i>12.37%</p>
								</div>
								<div>
									<p class="mb-0 text-fade"><small>Online</small></p>
									<h3 class="my-0">2.57K</h3>
									<p class="mb-0 text-success"><i class="fa fa-arrow-up me-5"></i>12.37%</p>
								</div>
							</div>
							<div id="flotChart" class="mt-50"></div>
						</div>
						</div>
					</div>
				<div class="col-xl-4 col-12">
					<div class="box">
						<div class="box-body">	
							<div class="flex-grow-1 pb-10">	
								<div class="bg-primary w-70 h-70 rounded10 mb-30 text-center l-h-70">							
									<i class="fa fa-users fs-24"></i>							
								</div>

								<a href="#" class="text-dark fw-600 hover-primary fs-18" data-bs-toggle="modal" data-bs-target="#evemt-view">
									Annual client Management <br>Program 2021
								</a>
								<p class="fs-16 mt-15">
									Employees & Clients Meeting
								</p>
								<div class="d-flex align-items-center">
									<a href="reports.php" class="btn btn-sm btn-primary-light me-15">Report</a>
									<div class="fs-16">
										<i class="fa fa-clock text-primary"></i>
										15 min
									</div>
								</div>
							</div>							
							<div class="d-flex mt-10 align-items-center justify-content-between">
								<h2 class="mb-0 text-primary">20</h2>
								<div class="d-flex">
									<a href="extra_profile.php" class="me-15 bg-lightest h-50 w-50 l-h-50 rounded text-center overflow-hidden">
										<img src="../../../images/avatar/avatar-1.png" class="h-50 align-self-end" alt="">
									</a>
									<a href="extra_profile.php" class="me-15 bg-lightest h-50 w-50 l-h-50 rounded text-center overflow-hidden">
										<img src="../../../images/avatar/avatar-3.png" class="h-50 align-self-end" alt="">
									</a>
									<a href="extra_profile.php" class="me-15 bg-lightest h-50 w-50 l-h-50 rounded text-center overflow-hidden">
										<img src="../../../images/avatar/avatar-4.png" class="h-50 align-self-end" alt="">
									</a>
								</div>
							</div>
						</div>					
					</div>
				</div>
				<div class="col-xl-4 col-12">
					<div class="box">
						<div class="box-body">	
							<div class="flex-grow-1 pb-10">	
								<div class="bg-warning w-70 h-70 rounded10 mb-30 text-center l-h-70">							
									<i class="fa fa-user fs-24"></i>							
								</div>

								<a href="#" class="text-dark fw-600 hover-primary fs-18" data-bs-toggle="modal" data-bs-target="#evemt-view">
									How to manage your Clients<br>in Proper way
								</a>
								<p class="fs-16 mt-15">
									Top priority project of August 2020
								</p>
								<div class="d-flex align-items-center">
									<a href="reports.php" class="btn btn-sm btn-warning-light me-15">Report</a>
									<div class="fs-16">
										<i class="fa fa-clock text-primary"></i>
										15 min
									</div>
								</div>
							</div>							
							<div class="d-flex mt-10 align-items-center justify-content-between">
								<h2 class="mb-0 text-primary">15</h2>
								<div class="d-flex">
									<a href="extra_profile.php" class="me-15 bg-lightest h-50 w-50 l-h-50 rounded text-center overflow-hidden">
										<img src="../../../images/avatar/avatar-1.png" class="h-50 align-self-end" alt="">
									</a>
									<a href="extra_profile.php" class="me-15 bg-lightest h-50 w-50 l-h-50 rounded text-center overflow-hidden">
										<img src="../../../images/avatar/avatar-3.png" class="h-50 align-self-end" alt="">
									</a>
									<a href="extra_profile.php" class="me-15 bg-lightest h-50 w-50 l-h-50 rounded text-center overflow-hidden">
										<img src="../../../images/avatar/avatar-4.png" class="h-50 align-self-end" alt="">
									</a>
								</div>
							</div>
						</div>					
					</div>
				</div>
				<div class="col-xl-4 col-12">
					<div class="box">
						<div class="box-header">
							<h3 class="box-title">Daily Orders</h3>
						</div>
						<div class="box-body">
							<div id="charts_widget_1_chart"></div>
						</div>
					</div>
				</div>	
					<!--div class="col-xxxl-5 col-xl-7 col-12">
					<div class="box">
						<div class="box-header">
							<h3 class="box-title">Report</h3>
						</div>
						<div class="box-body p-0">
							<div class="table-responsive">
								<table class="table">
									<thead class="thead-light">
										<tr>
											<th>User</th>
											<th>Email</th>
											<th>Phone No</th>                                                    
											<th>Comp.</th>
											<th>Status</th>
											<th>Act.</th>
										</tr><!--end tr-->
									<!--/thead>

									<tbody>
										<tr>
											<td><img src="../../../images/avatar/1.jpg" alt="" class="avatar-sm rounded-circle me-2">JD</td>
											<td>jd@gmail.com</td>
											<td>+123456789</td>
											<td>Josek</td>
											<td> <span class="badge badge-primary">New Lead</span></td>
											<td>                                                                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<!--tr>
											<td><img src="../../../images/avatar/2.jpg" alt="" class="avatar-sm rounded-circle me-2">MJ</td>
											<td>mj@gmail.com</td>
											<td>+123456789</td>
											<td>Domi</td>
											<td> <span class="badge badge-primary">New Lead</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<!--tr>
											<td><img src="../../../images/avatar/3.jpg" alt="" class="avatar-sm rounded-circle me-2">DM</td>
											<td>dm@gmail.com</td>
											<td>+123456789</td>
											<td>Google</td>
											<td> <span class="badge badge-danger">Lost</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<!--tr>
											<td><img src="../../../images/avatar/4.jpg" alt="" class="avatar-sm rounded-circle me-2">KS</td>
											<td>ks@gmail.com</td>
											<td>+123456789</td>
											<td>Amazon</td>
											<td> <span class="badge badge-primary">New Lead</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr--> 
										<!--tr>
											<td><img src="../../../images/avatar/5.jpg" alt="" class="avatar-sm rounded-circle me-2">TL</td>
											<td>tl@gmail.com</td>
											<td>+123456789</td>
											<td>Liva</td>
											<td> <span class="badge badge-info">Follow Up</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->
										<!--tr>
											<td><img src="../../../images/avatar/6.jpg" alt="" class="avatar-sm rounded-circle me-2">MP</td>
											<td>mp@gmail.com</td>
											<td>+123456789</td>
											<td>Sky</td>
											<td> <span class="badge badge-success">Converted</span></td>
											<td>                                                       
												<a href="#" class="me-2"><i class="fa fa-edit text-info"></i></a>
												<a href="#"><i class="fas fa-trash-alt text-danger"></i></a>
											</td>
										</tr><!--end tr-->                                    
									<!--/tbody>
								</table>                    
							</div>  
						</div><!--end card-body-->
					<!--/div>
				</div>
					<!--div class="col-xxxl-5 col-xl-5 col-12">
					<div class="box">
						<div class="box-header">
							<h3 class="box-title">Groth Overview</h3>
						</div>
						<div class="box-body">
							<div class="d-md-flex d-block justify-content-between">
								<div>
									<p class="mb-0 text-fade"><small>Users</small></p>
									<h3 class="my-0">2.57K</h3>
									<p class="mb-0 text-success"><i class="fa fa-arrow-up me-5"></i>12.37%</p>
								</div>
								<div>
									<p class="mb-0 text-fade"><small>Traffic</small></p>
									<h3 class="my-0">3.98K</h3>
									<p class="mb-0 text-success"><i class="fa fa-arrow-up me-5"></i>47.74%</p>
								</div>
								<div>
									<p class="mb-0 text-fade"><small>Store</small></p>
									<h3 class="my-0">28.49%</h3>
									<p class="mb-0 text-danger"><i class="fa fa-arrow-down me-5"></i>12.37%</p>
								</div>
								<div>
									<p class="mb-0 text-fade"><small>Online</small></p>
									<h3 class="my-0">2.57K</h3>
									<p class="mb-0 text-success"><i class="fa fa-arrow-up me-5"></i>12.37%</p>
								</div>
							</div>
							<div id="flotChart" class="mt-50"></div>
						</div>
						</div>
					</div-->
			</div>				
		</section>
		<!-- /.content -->
	  </div>
  </div>
  <!-- /.content-wrapper -->
	
<?php include('./include/footer.php'); ?>
<script src="../../../assets/icons/feather-icons/feather.min.js"></script>	<script src="../../../assets/vendor_components/echarts/dist/echarts-en.min.js"></script>
	
	<!-- CRMi App -->
	<script src="../src/js/pages/echart-bar.js"></script>