@extends('layouts.default')

@section('content')
<div class="container-fluid">
	<!-- Add Order -->
	<div class="modal fade" id="addOrderModalside">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title">Create Project</h5>
					<button type="button" class="close" data-bs-dismiss="modal"><span>&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<form>
                    @csrf
						<div class="form-group">
							<label class="text-black font-w500">Project Name</label>
							<input type="text" class="form-control">
						</div>
						<div class="form-group">
							<label class="text-black font-w500">Deadline</label>
							<input type="date" class="form-control">
						</div>
						<div class="form-group">
							<label class="text-black font-w500">Client Name</label>
							<input type="text" class="form-control">
						</div>
						<div class="form-group">
							<button type="button" class="btn btn-primary">CREATE</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div class="page-titles">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="javascript:void(0)">Widget</a></li>
			<li class="breadcrumb-item active"><a href="javascript:void(0)">Statistics</a></li>
		</ol>
	</div>
	<!-- row -->
	<div class="row">
		<div class="col-xl-4 col-xxl-6 col-lg-6">
			<div class="card">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">Timeline</h4>
				</div>
				<div class="card-body px-0">
					<div id="dlab_W_TimeLine" class="widget-timeline dlab-scroll height370 px-4">
						<ul class="timeline">
							<li>
								<div class="timeline-badge primary"></div>
								<a class="timeline-panel text-muted" href="#">
									<span>10 minutes ago</span>
									<h6 class="mb-0">Youtube, a video-sharing website, goes live <strong class="text-primary">$500</strong>.</h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge info">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>20 minutes ago</span>
									<h6 class="mb-0">New order placed <strong class="text-info">#XF-2356.</strong></h6>
									<p class="mb-0">Quisque a consequat ante Sit amet magna at volutapt...</p>
								</a>
							</li>
							<li>
								<div class="timeline-badge danger">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>30 minutes ago</span>
									<h6 class="mb-0">john just buy your product <strong class="text-warning">Sell $250</strong></h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge success">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>15 minutes ago</span>
									<h6 class="mb-0">StumbleUpon is acquired by eBay. </h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge warning">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>20 minutes ago</span>
									<h6 class="mb-0">Mashable, a news website and blog, goes live.</h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge dark">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>20 minutes ago</span>
									<h6 class="mb-0">Mashable, a news website and blog, goes live.</h6>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-xxl-6 col-lg-6">
			<div class="card">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">Timeline 2</h4>
				</div>
				<div class="card-body px-0">
					<div id="dlab_W_TimeLine1" class="widget-timeline dlab-scroll style-1 height370 px-4">
						<ul class="timeline">
							<li>
								<div class="timeline-badge primary"></div>
								<a class="timeline-panel text-muted" href="#">
									<span>10 minutes ago</span>
									<h6 class="mb-0">Youtube, a video-sharing website, goes live <strong class="text-primary">$500</strong>.</h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge info">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>20 minutes ago</span>
									<h6 class="mb-0">New order placed <strong class="text-info">#XF-2356.</strong></h6>
									<p class="mb-0">Quisque a consequat ante Sit amet magna at volutapt...</p>
								</a>
							</li>
							<li>
								<div class="timeline-badge danger">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>30 minutes ago</span>
									<h6 class="mb-0">john just buy your product <strong class="text-warning">Sell $250</strong></h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge success">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>15 minutes ago</span>
									<h6 class="mb-0">StumbleUpon is acquired by eBay. </h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge warning">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>20 minutes ago</span>
									<h6 class="mb-0">Mashable, a news website and blog, goes live.</h6>
								</a>
							</li>
							<li>
								<div class="timeline-badge dark">
								</div>
								<a class="timeline-panel text-muted" href="#">
									<span>20 minutes ago</span>
									<h6 class="mb-0">Mashable, a news website and blog, goes live.</h6>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-xxl-6 col-lg-6">
			<div class="card">
				<div class="card-header  border-0 pb-0">
					<h4 class="card-title">Notifications</h4>
				</div>
				<div class="card-body px-0"> 
					<div id="dlab_W_Todo1" class="widget-media dlab-scroll height370 px-4">
						<ul class="timeline">
							<li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Dr sultads Send you Photo</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-info">
										KG
									</div>
									<div class="media-body">
										<h5 class="mb-1">Resport created successfully</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-info light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-success">
										<i class="fa fa-home"></i>
									</div>
									<div class="media-body">
										<h5 class="mb-1">Reminder : Treatment Time!</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							 <li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Dr sultads Send you Photo</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-danger">
										KG
									</div>
									<div class="media-body">
										<h5 class="mb-1">Resport created successfully</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-danger light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-primary">
										<i class="fa fa-home"></i>
									</div>
									<div class="media-body">
										<h5 class="mb-1">Reminder : Treatment Time!</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-xxl-6 col-lg-6">
			<div class="card border-0 pb-0">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">Notifications 2</h4>
				</div>
				<div class="card-body px-0"> 
					<div id="dlab_W_Todo2" class="widget-media dlab-scroll height370 px-4">
						<ul class="timeline">
							<li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Dr sultads Send you Photo</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-info">
										KG
									</div>
									<div class="media-body">
										<h5 class="mb-1">Resport created successfully <span class="badge badge-warning">Warning</span></h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-info light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-success">
										<i class="fa fa-home"></i>
									</div>
									<div class="media-body">
										<h5 class="mb-1">Reminder : Treatment Time!</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							 <li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Dr sultads Send you Photo <span class="badge light badge-danger">Danger</span></h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-danger">
										KG
									</div>
									<div class="media-body">
										<h5 class="mb-1">Resport created successfully <span class="badge light badge-success">Success</span></h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-danger light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-primary">
										<i class="fa fa-home"></i>
									</div>
									<div class="media-body">
										<h5 class="mb-1">Reminder : Treatment Time! <span class="badge light badge-success">Success</span></h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-xxl-6 col-lg-6">
			<div class="card border-0 pb-0">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">Message</h4>
				</div>
				<div class="card-body px-0"> 
					<div id="dlab_W_Todo3" class="widget-media dlab-scroll height370 px-4">
						<ul class="timeline">
							<li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Alfie Mason <small class="text-muted">29 July 2020</small></h5>
										<p class="mb-1">I shared this on my fb wall a few months back..</p>
										<a href="#" class="btn btn-primary btn-xxs shadow">Reply</a>
										<a href="#" class="btn btn-outline-danger btn-xxs">Delete</a>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-info">
										KG
									</div>
									<div class="media-body">
										<h5 class="mb-1">Jacob Tucker <small class="text-muted">29 July 2020</small></h5>
										<p class="mb-1">I shared this on my fb wall a few months back..</p>
										<a href="#" class="btn btn-primary btn-xxs shadow">Reply</a>
										<a href="#" class="btn btn-outline-danger btn-xxs">Delete</a>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-info light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-success">
										<img alt="image" width="50" src="{{ asset('images/avatar/2.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Jack Ronan <small class="text-muted">29 July 2020</small></h5>
										<p class="mb-1">I shared this on my fb wall a few months back..</p>
										<a href="#" class="btn btn-primary btn-xxs shadow">Reply</a>
										<a href="#" class="btn btn-outline-danger btn-xxs">Delete</a>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							 <li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Noah Baldon <small class="text-muted">29 July 2020</small></h5>
										<p class="mb-1">I shared this on my fb wall a few months back..</p>
										<a href="#" class="btn btn-primary btn-xxs shadow">Reply</a>
										<a href="#" class="btn btn-outline-danger btn-xxs">Delete</a>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-danger">
										PU
									</div>
									<div class="media-body">
										<h5 class="mb-1">Thomas Grady  <small class="text-muted">02:26 PM</small></h5>
										<p class="mb-1">I shared this on my fb wall a few months back..</p>
										<a href="#" class="btn btn-primary btn-xxs shadow">Reply</a>
										<a href="#" class="btn btn-outline-danger btn-xxs">Delete</a>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-danger light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-primary">
										<img alt="image" width="50" src="{{ asset('images/avatar/3.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Oscar Weston  <small class="text-muted">29 July 2020</small></h5>
										<p class="mb-1">I shared this on my fb wall a few months back..</p>
										<a href="#" class="btn btn-primary btn-xxs shadow">Reply</a>
										<a href="#" class="btn btn-outline-danger btn-xxs">Delete</a>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-xxl-6 col-lg-6">
			<div class="card border-0 pb-0">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">To Do List</h4>
				</div>
				<div class="card-body px-0"> 
					<div id="dlab_W_Todo4" class="widget-media dlab-scroll height370 px-4">
						<ul class="timeline">
							<li>
								<div class="timeline-panel">
									<div class="custom-control custom-checkbox checkbox-success check-lg me-3">
										<input type="checkbox" class="form-check-input" id="customCheckBox1" required="">
										<label class="custom-control-label" for="customCheckBox1"></label>
									</div>
									<div class="media-body">
										<h5 class="mb-0">Get up</h5>
										<small class="text-muted">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="custom-control custom-checkbox checkbox-warning check-lg me-3">
										<input type="checkbox" class="form-check-input" id="customCheckBox2" required="">
										<label class="custom-control-label" for="customCheckBox2"></label>
									</div>
									<div class="media-body">
										<h5 class="mb-0">Stand up</h5>
										<small class="text-muted">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-warning light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="custom-control custom-checkbox checkbox-primary check-lg me-3">
										<input type="checkbox" class="form-check-input" id="customCheckBox3" required="">
										<label class="custom-control-label" for="customCheckBox3"></label>
									</div>
									<div class="media-body">
										<h5 class="mb-0">Don't give up the fight.</h5>
										<small class="text-muted">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="custom-control custom-checkbox checkbox-info check-lg me-3">
										<input type="checkbox" class="form-check-input" id="customCheckBox4" required="">
										<label class="custom-control-label" for="customCheckBox4"></label>
									</div>
									<div class="media-body">
										<h5 class="mb-0">Do something else</h5>
										<small class="text-muted">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-info light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="custom-control custom-checkbox checkbox-success check-lg me-3">
										<input type="checkbox" class="form-check-input" id="customCheckBox5" required="">
										<label class="custom-control-label" for="customCheckBox5"></label>
									</div>
									<div class="media-body">
										<h5 class="mb-0">Get up</h5>
										<small class="text-muted">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="custom-control custom-checkbox checkbox-warning check-lg me-3">
										<input type="checkbox" class="form-check-input" id="customCheckBox6" required="">
										<label class="custom-control-label" for="customCheckBox6"></label>
									</div>
									<div class="media-body">
										<h5 class="mb-0">Stand up</h5>
										<small class="text-muted">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-warning light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<div class="media ai-icon">
						<span class="me-3 bgl-primary text-primary">
							<!-- <i class="ti-user"></i> -->
							<svg id="icon-customers" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user">
								<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
								<circle cx="12" cy="7" r="4"></circle>
							</svg>
						</span>
						<div class="media-body">
							<p class="mb-1">Patient</p>
							<h4 class="mb-0">3280</h4>
							<span class="badge badge-primary">+3.5%</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<div class="media ai-icon">
						<span class="me-3 bgl-warning text-warning">
							<svg id="icon-orders" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
								<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
								<polyline points="14 2 14 8 20 8"></polyline>
								<line x1="16" y1="13" x2="8" y2="13"></line>
								<line x1="16" y1="17" x2="8" y2="17"></line>
								<polyline points="10 9 9 9 8 9"></polyline>
							</svg>
						</span>
						<div class="media-body">
							<p class="mb-1">Bills</p>
							<h4 class="mb-0">2570</h4>
							<span class="badge badge-warning">+3.5%</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body  p-4">
					<div class="media ai-icon">
						<span class="me-3 bgl-danger text-danger">
							<svg id="icon-revenue" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign">
								<line x1="12" y1="1" x2="12" y2="23"></line>
								<path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
							</svg>
						</span>
						<div class="media-body">
							<p class="mb-1">Revenue</p>
							<h4 class="mb-0">364.50K</h4>
							<span class="badge badge-danger">-3.5%</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<div class="media ai-icon">
						<span class="me-3 bgl-success text-success">
							<svg id="icon-database-widget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-database">
								<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
								<path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>
								<path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>
							</svg>
						</span>
						<div class="media-body">
							<p class="mb-1">Patient</p>
							<h4 class="mb-0">364.50K</h4>
							<span class="badge badge-success">-3.5%</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-danger">
				<div class="card-body  p-4">
					<div class="media">
						<span class="me-3">
							<i class="flaticon-381-calendar-1"></i>
						</span>
						<div class="media-body text-white text-end">
							<p class="mb-1">Appointment</p>
							<h3 class="text-white">76</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-success">
				<div class="card-body p-4">
					<div class="media">
						<span class="me-3">
							<i class="flaticon-381-diamond"></i>
						</span>
						<div class="media-body text-white text-end">
							<p class="mb-1">Earning</p>
							<h3 class="text-white">$56K</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-info">
				<div class="card-body p-4">
					<div class="media">
						<span class="me-3">
							<i class="flaticon-381-heart"></i>
						</span>
						<div class="media-body text-white text-end">
							<p class="mb-1">Total Patient</p>
							<h3 class="text-white">783K</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-primary">
				<div class="card-body p-4">
					<div class="media">
						<span class="me-3">
							<i class="flaticon-381-user-7"></i>
						</span>
						<div class="media-body text-white text-end">
							<p class="mb-1">Chef</p>
							<h3 class="text-white">$76</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-primary">
				<div class="card-body  p-4">
					<div class="media">
						<span class="me-3">
							<i class="la la-users"></i>
						</span>
						<div class="media-body text-white">
							<p class="mb-1">Total Students</p>
							<h3 class="text-white">3280</h3>
							<div class="progress mb-2 bg-secondary">
								<div class="progress-bar progress-animated bg-light" style="width: 80%"></div>
							</div>
							<small>80% Increase in 20 Days</small>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-warning">
				<div class="card-body p-4">
					<div class="media">
						<span class="me-3">
							<i class="la la-user"></i>
						</span>
						<div class="media-body text-white">
							<p class="mb-1">New Students</p>
							<h3 class="text-white">245</h3>
							<div class="progress mb-2 bg-primary">
								<div class="progress-bar progress-animated bg-light" style="width: 50%"></div>
							</div>
							<small>50% Increase in 25 Days</small>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-secondary">
				<div class="card-body p-4">
					<div class="media">
						<span class="me-3">
							<i class="la la-graduation-cap"></i>
						</span>
						<div class="media-body text-white">
							<p class="mb-1">Total Course</p>
							<h3 class="text-white">28</h3>
							<div class="progress mb-2 bg-primary">
								<div class="progress-bar progress-animated bg-light" style="width: 76%"></div>
							</div>
							<small>76% Increase in 20 Days</small>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card bg-danger ">
				<div class="card-body p-4">
					<div class="media">
						<span class="me-3">
							<i class="la la-dollar"></i>
						</span>
						<div class="media-body text-white">
							<p class="mb-1">Fees Collect</p>
							<h3 class="text-white">250$</h3>
							<div class="progress mb-2 bg-secondary">
								<div class="progress-bar progress-animated bg-light" style="width: 30%"></div>
							</div>
							<small>30% Increase in 30 Days</small>
						</div>
					</div>
				</div>
			</div>
		</div>
							
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<h4 class="card-title">Total Students</h4>
					<h3>3280</h3>
					<div class="progress mb-2">
						<div class="progress-bar progress-animated bg-primary" style="width: 80%"></div>
					</div>
					<small>80% Increase in 20 Days</small>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<h4 class="card-title">New Students</h4>
					<h3>245</h3>
					<div class="progress mb-2">
						<div class="progress-bar progress-animated bg-warning" style="width: 50%"></div>
					</div>
					<small>50% Increase in 25 Days</small>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<h4 class="card-title">Total Course</h4>
					<h3>28</h3>
					<div class="progress mb-2">
						<div class="progress-bar progress-animated bg-red" style="width: 76%"></div>
					</div>
					<small>76% Increase in 20 Days</small>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-lg-6 col-sm-6">
			<div class="widget-stat card">
				<div class="card-body p-4">
					<h4 class="card-title">Fees Collection</h4>
					<h3>25160$</h3>
					<div class="progress mb-2">
						<div class="progress-bar progress-animated bg-success" style="width: 30%"></div>
					</div>
					<small>30% Increase in 30 Days</small>
				</div>
			</div>
		</div>
							
		
		<div class="col-xl-12 col-lg-12 col-sm-12">
			<div class="row">
				<div class="col-xl-3 col-lg-6 col-sm-6">
					<div class="widget-stat card bg-primary">
						<div class="card-header border-0 pb-0">
							<h3 class="card-title text-white">Total Students</h3>
							<h5 class="text-white mb-0"><i class="fa fa-caret-up"></i> 422</h5>
						</div>
						<div class="card-body text-center">
							<div class="ico-sparkline">
								<div id="sparkline12"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-6 col-sm-6">
					<div class="widget-stat card bg-warning overflow-hidden">
						<div class="card-header border-0 ">
							<h3 class="card-title text-white">New Students</h3>
							<h5 class="text-white mb-0"><i class="fa fa-caret-up"></i> 357</h5>
						</div>
						<div class="card-body text-center p-0">
							<div class="ico-sparkline">
								<div id="spark-bar-2"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-6 col-sm-6">
					<div class="widget-stat card bg-secondary">
						<div class="card-header pb-3 border-0 pb-0">
							<h3 class="card-title text-white">Total Course</h3>
							<h5 class="text-white mb-0"><i class="fa fa-caret-up"></i> 547</h5>
						</div>
						<div class="card-body p-0">
							<div class="px-4"><span class="bar1" data-peity='{ "fill": ["rgb(255, 255, 255)", "rgb(255, 255, 255)"]}'>6,2,8,4,-3,8,1,-3,6,-5,9,2,-8,1,4,8,9,8,2,1</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-3 col-lg-6 col-sm-6">
					<div class="widget-stat card bg-danger overflow-hidden">
						<div class="card-header pb-3 border-0 pb-0">
							<h3 class="card-title text-white">Fees Collection</h3>
							<h5 class="text-white mb-0"><i class="fa fa-caret-up"></i> 3280$</h5>
						</div>
						<div class="card-body p-0">
							<span class="peity-line-2" data-width="100%">7,6,8,7,3,8,3,3,6,5,9,2,8</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-12 col-sm-12">
			<div class="card">
				<div class="card-header border-0 pb-0">
					<h2 class="card-title">about me</h2>
				</div>
				<div class="card-body pb-0">
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
					<ul class="list-group list-group-flush">
						<li class="list-group-item d-flex px-0 justify-content-between">
							<strong>Gender</strong>
							<span class="mb-0">Male</span>
						</li>
						<li class="list-group-item d-flex px-0 justify-content-between">
							<strong>Education</strong>
							<span class="mb-0">PHD</span>
						</li>
						<li class="list-group-item d-flex px-0 justify-content-between">
							<strong>Designation</strong>
							<span class="mb-0">Se. Professor</span>
						</li>
						<li class="list-group-item d-flex px-0 justify-content-between">
							<strong>Operation Done</strong>
							<span class="mb-0">120</span>
						</li>
					</ul>
				</div>
				<div class="card-footer pt-0 pb-0 text-center">
					<div class="row">
						<div class="col-4 pt-3 pb-3 border-end">
							<h3 class="mb-1 text-primary">150</h3>
							<span>Projects</span>
						</div>
						<div class="col-4 pt-3 pb-3 border-end">
							<h3 class="mb-1 text-primary">140</h3>
							<span>Uploads</span>
						</div>
						<div class="col-4 pt-3 pb-3">
							<h3 class="mb-1 text-primary">45</h3>
							<span>Tasks</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="col-xl-8 col-xxl-8 col-lg-12 col-sm-12">
			<div id="user-activity" class="card">
				<div class="card-header border-0 pb-0 d-sm-flex d-block">
					<h4 class="card-title">Visitor Activity</h4>
					<div class="card-action mb-sm-0 my-2">
						<ul class="nav nav-tabs" role="tablist">
							<li class="nav-item">
								<a class="nav-link active" data-bs-toggle="tab" href="#user" role="tab">
									Day
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-bs-toggle="tab" href="#user" role="tab">
									Month
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-bs-toggle="tab" href="#user" role="tab">
									Year
								</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="card-body">
					<div class="tab-content" id="myTabContent">
						<div class="tab-pane fade show active" id="user" role="tabpanel">
							<canvas id="activity" class="chartjs"></canvas>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-6 col-sm-6">
			<div class="card overflow-hidden">
				<div class="card-body">
					<div class="text-center">
						<div class="profile-photo">
							<img src="{{ asset('images/profile/profile.png')}}" width="100" class="img-fluid rounded-circle" alt="">
						</div>
						<h3 class="mt-4 mb-1">Deangelo Sena</h3>
						<p class="text-muted">Senior Manager</p>
						<a class="btn btn-outline-primary btn-rounded mt-3 px-5" href="javascript:void(0);">Folllow</a>
					</div>
				</div>
				
				<div class="card-footer pt-0 pb-0 text-center">
					<div class="row">
						<div class="col-4 pt-3 pb-3 border-end">
							<h3 class="mb-1">150</h3><span>Follower</span>
						</div>
						<div class="col-4 pt-3 pb-3 border-end">
							<h3 class="mb-1">140</h3><span>Place Stay</span>
						</div>
						<div class="col-4 pt-3 pb-3">
							<h3 class="mb-1">45</h3><span>Reviews</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-6 col-sm-6">
			<div class="card active_users">
				<div class="card-header bg-success border-0 pb-0">
					<h4 class="card-title text-white">Active Users</h4>
					<span id="counter"></span>
				</div>
				<div class="bg-success">
					<canvas id="activeUser"></canvas>
				</div>
				<div class="card-body pt-0">
					<div class="list-group-flush mt-4">
						<div class="list-group-item border-0 bg-transparent d-flex justify-content-between px-0 py-1 font-weight-semi-bold border-top-0">
							<p class="mb-0">Top Active Pages</p>
							<p class="mb-0">Active Users</p>
						</div>
						<div class="list-group-item border-0 bg-transparent d-flex justify-content-between px-0 py-1">
							<p class="mb-0">/bootstrap-themes/</p>
							<p class="mb-0">3</p>
						</div>
						<div class="list-group-item border-0 bg-transparent d-flex justify-content-between px-0 py-1">
							<p class="mb-0">/tags/html5/</p>
							<p class="mb-0">3</p>
						</div>
						<div class="list-group-item border-0 bg-transparent d-xxl-flex justify-content-between px-0 py-1 d-none">
							<p class="mb-0">/</p>
							<p class="mb-0">2</p>
						</div>
						<div class="list-group-item border-0 bg-transparent d-xxl-flex justify-content-between px-0 py-1 d-none">
							<p class="mb-0">/preview/falcon/dashboard/</p>
							<p class="mb-0">2</p>
						</div>
						<div class="list-group-item border-0 bg-transparent d-flex justify-content-between px-0 py-1">
							<p class="mb-0">/100-best-themes...all-time/</p>
							<p class="mb-0">1</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-xl-4 col-lg-12 col-sm-12">
			<div class="card overflow-hidden">
				<div class="text-center p-3 overlay-box " style="background-image: url({{ asset('images/big/img1.jpg')}});">
					<div class="profile-photo">
						<img src="{{ asset('images/profile/profile.png')}}" width="100" class="img-fluid rounded-circle" alt="">
					</div>
					<h3 class="mt-3 mb-1 text-white">Deangelo Sena</h3>
					<p class="text-white mb-0">Senior Manager</p>
				</div>
				<ul class="list-group list-group-flush">
					<li class="list-group-item d-flex justify-content-between"><span class="mb-0">Patient Gender</span> <strong class="text-muted">Female	</strong></li>
					<li class="list-group-item d-flex justify-content-between"><span class="mb-0">Years Old</span> 		<strong class="text-muted">Age: 24	</strong></li>
				</ul>
				<div class="card-footer border-0 mt-0">								
					<button class="btn btn-primary btn-lg btn-block">
						<i class="fa fa-bell-o"></i> Reminder Alarm							
					</button>		
				</div>
			</div>
		</div>
		<div class="col-xl-12 col-lg-12 col-xxl-12 col-sm-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">Recent Payments Queue</h4>
				</div>
				<div class="card-body">
					<div class="table-responsive recentOrderTable">
						<table class="table verticle-middle table-responsive-md">
							<thead>
								<tr>
									<th scope="col">Ward No.</th>
									<th scope="col">Patient</th>
									<th scope="col">Dr Name</th>
									<th scope="col">Date</th>
									<th scope="col">Status</th>
									<th scope="col">Bills</th>
									<th scope="col"></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>12</td>
									<td>Mr. Bobby</td>
									<td>Dr. Jackson</td>
									<td>01 August 2020</td>
									<td><span class="badge badge-rounded badge-primary">Checkin</span></td>
									<td>$120</td>
									<td>
										<div class="dropdown custom-dropdown mb-0">
											<div class="btn sharp btn-primary tp-btn" data-bs-toggle="dropdown">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="12" cy="5" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="12" cy="19" r="2"/></g></svg>
											</div>
											<div class="dropdown-menu dropdown-menu-right">
												<a class="dropdown-item" href="javascript:void(0);">Details</a>
												<a class="dropdown-item text-danger" href="javascript:void(0);">Cancel</a>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>10 </td>
									<td>Mr. Dexter</td>
									<td>Dr. Charles</td>
									<td>31 July 2020</td>
									<td><span class="badge badge-rounded badge-warning">Panding</span></td>
									<td>$540</td>
									<td>
										<div class="dropdown custom-dropdown mb-0">
											<div class="btn sharp btn-primary tp-btn" data-bs-toggle="dropdown">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="12" cy="5" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="12" cy="19" r="2"/></g></svg>
											</div>
											<div class="dropdown-menu dropdown-menu-right">
												<a class="dropdown-item" href="javascript:void(0);">Details</a>
												<a class="dropdown-item text-danger" href="javascript:void(0);">Cancel</a>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>03 </td>
									<td>Mr. Nathan</td>
									<td>Dr. Frederick</td>
									<td>30 July 2020</td>
									<td><span class="badge badge-rounded badge-danger">Canceled</span></td>
									<td>$301</td>
									<td>
										<div class="dropdown custom-dropdown mb-0">
											<div class="btn sharp btn-primary tp-btn" data-bs-toggle="dropdown">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="12" cy="5" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="12" cy="19" r="2"/></g></svg>
											</div>
											<div class="dropdown-menu dropdown-menu-right">
												<a class="dropdown-item" href="javascript:void(0);">Details</a>
												<a class="dropdown-item text-danger" href="javascript:void(0);">Cancel</a>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>05</td>
									<td>Mr. Aurora</td>
									<td>Dr. Roman</td>
									<td>29 July 2020</td>
									<td><span class="badge badge-rounded badge-success">Checkin</span></td>
									<td>$099</td>
									<td>
										<div class="dropdown custom-dropdown mb-0">
											<div class="btn sharp btn-primary tp-btn" data-bs-toggle="dropdown">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="12" cy="5" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="12" cy="19" r="2"/></g></svg>
											</div>
											<div class="dropdown-menu dropdown-menu-right">
												<a class="dropdown-item" href="javascript:void(0);">Details</a>
												<a class="dropdown-item text-danger" href="javascript:void(0);">Cancel</a>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>06</td>
									<td>Mr. Matthew</td>
									<td>Dr. Samantha</td>
									<td>28 July 2020</td>
									<td><span class="badge badge-rounded badge-success">Checkin</span></td>
									<td>$520</td>
									<td>
										<div class="dropdown custom-dropdown mb-0">
											<div class="btn sharp btn-primary tp-btn" data-bs-toggle="dropdown">
												<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="12" cy="5" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="12" cy="19" r="2"/></g></svg>
											</div>
											<div class="dropdown-menu dropdown-menu-right">
												<a class="dropdown-item" href="javascript:void(0);">Details</a>
												<a class="dropdown-item text-danger" href="javascript:void(0);">Cancel</a>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-6 col-xxl-4 col-sm-6">
			<div class="card text-white bg-primary">
				<ul class="list-group list-group-flush">
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Blood type :</span><strong>O+</strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Allergies :</span><strong>Penicilin, peanuts </strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Pressure :</span><strong>120/100 mmHG</strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Diseases :</span><strong>Diabetes</strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Temperture :</span><strong>34 Degree</strong></li>
				</ul>
			</div>
		</div>
		<div class="col-xl-4 col-lg-6 col-xxl-4 col-sm-6">
			<div class="card text-white bg-warning text-black">
				<ul class="list-group list-group-flush">
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Regular Checkups</span></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Dr Theodore Handle :</span><strong>Dentist</strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Dr Valentino Morose :</span><strong>Surgeon</strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Dr Fleece Marigold :</span><strong>Clinical</strong></li>
					<li class="list-group-item d-flex justify-content-between text-white"><span class="mb-0">Dr Eric Widget :</span><strong>Cardiology</strong></li>
				</ul>
			</div>
		</div>
		
		<div class="col-xl-4 col-lg-12 col-xxl-4 col-sm-12">
			<div class="card">
				<div class="card-body text-center ai-icon  text-primary">
					<svg id="rocket-icon" class="my-2" viewBox="0 0 24 24" width="80" height="80" stroke="currentColor" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round">
						<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
						<line x1="3" y1="6" x2="21" y2="6"></line>
						<path d="M16 10a4 4 0 0 1-8 0"></path>
					</svg>
					<h4 class="my-2">You don’t have badges yet</h4>
					<a href="javascript:void(0);" class="btn my-2 btn-primary btn-lg px-4"><i class="fa fa-usd"></i> Earn Budges</a>
				</div>
			</div>
		</div>
		<div class="col-xl-8 col-lg-12 col-xxl-8 col-sm-12">
			<div class="row">
				<div class="col-xl-6 col-lg-6 col-xxl-6 col-md-6">
					<div class="card">
						<div class="card-header border-0 pb-0">
							<div class="clearfix">
								<h3 class="card-title">Blood pressure</h3>
								<span>In the normal</span>
							</div>
							<div class="clearfix text-center">
								<h3 class="text-primary mb-0">120/89</h3>
								<span>mmHG</span>
							</div>
						</div>
						<div class="card-body text-center">
							<div class="ico-sparkline">
								<div id="spark-bar"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-6 col-lg-6 col-xxl-6 col-md-6">
					<div class="card">
						<div class="card-header border-0 pb-0">
							<div class="clearfix">
								<h3 class="card-title">Heart Rate</h3>
								<span class="text-danger">Above the normal</span>
							</div>
							<div class="clearfix text-center">
								<h3 class="text-danger mb-0">107</h3>
								<span>Per Min</span>
							</div>
						</div>
						<div class="card-body text-center">
							<div class="ico-sparkline">
								<div id="composite-bar"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-6 col-lg-6 col-xxl-6 col-md-6">
					<div class="card">
						<div class="card-header border-0 pb-0">
							<div class="clearfix">
								<h3 class="card-title">Glucose Rate</h3>
								<span>In the normal</span>
							</div>
							<div class="clearfix text-center">
								<h3 class="text-success mb-0">97</h3>
								<span>mg/dl</span>
							</div>
						</div>
						<div class="card-body text-center">
							<div class="ico-sparkline">
								<div id="sparkline8"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-6 col-lg-6 col-xxl-6 col-md-6">
					<div class="card">
						<div class="card-header border-0 pb-0">
							<div class="clearfix">
								<h3 class="card-title">Clolesterol</h3>
								<span>In the normal</span>
							</div>
							<div class="clearfix text-center">
								<h3 class="text-info mb-0">124</h3>
								<span>mg/dl</span>
							</div>
						</div>
						<div class="card-body text-center">
							<div class="ico-sparkline">
								<div id="sparkline9" class="height80;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-12 col-sm-12">
			<div class="card overflow-hidden">
				<div class="text-center p-5 overlay-box" style="background-image: url({{ asset('images/big/img5.jpg')}});">
					<img src="{{ asset('images/profile/profile.png')}}" width="100" class="img-fluid rounded-circle" alt="">
					<h3 class="mt-3 mb-0 text-white">Deangelo Sena</h3>
				</div>
				<div class="card-body">
					<div class="row text-center">
						<div class="col-6">
							<div class="bgl-primary rounded p-3">
								<h4 class="mb-0">Female</h4>
								<small>Patient Gender</small>
							</div>
						</div>
						<div class="col-6">
							<div class="bgl-primary rounded p-3">
								<h4 class="mb-0">Age: 24</h4>
								<small>Years Old</small>
							</div>
						</div>
					</div>
				</div>
				<div class="card-footer mt-0">								
					<button class="btn btn-primary btn-lg btn-block w-100">View Profile</button>		
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-lg-6 col-xxl-6 col-sm-6">
			<div class="card bg-primary">
				<div class="card-body pb-0">
					<div class="row">
						<div class="col">
							<h5 class="text-white">Power</h5>
							<span class="text-white">2017.1.20</span>
						</div>
						<div class="col text-end">
							<h5 class="text-white"><i class="fa fa-caret-up"></i> 260</h5>
							<span class="text-white">+12.5(2.8%)</span>
						</div>
					</div>
				</div>
				<div class="chart-wrapper">
					<canvas id="chart_widget_1"></canvas>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-lg-6 col-xxl-6 col-sm-6">
			<div class="card bg-success">
				<div class="card-body pb-0">
					<div class="row">
						<div class="col">
							<h5 class="text-white">Power</h5>
							<span class="text-white">2017.1.20</span>
						</div>
						<div class="col text-end">
							<h5 class="text-white"><i class="fa fa-caret-up"></i> 260</h5>
							<span class="text-white">+12.5(2.8%)</span>
						</div>
					</div>
				</div>
				<div class="chart-wrapper">
					<div id="chart_widget_5"></div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-6 col-xxl-4 col-sm-6">
			<div class="card">
				<div class="card-body pb-0">
					<div class="row">
						<div class="col">
							<h5>3650</h5>
							<span>VIEWS OF YOUR PROJECT</span>
						</div>
					</div>
				</div>
				<div class="chart-wrapper">
					<canvas id="chart_widget_2"></canvas>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-6 col-xxl-4 col-sm-6">
			<div class="card">
				<div class="card-body">
					<h5>Latency</h5>
				</div>
				<div class="chart-wrapper">
					<div id="chart_widget_17"></div>
				</div>
			</div>
		</div>
		<div class="col-xl-4 col-lg-12 col-xxl-4 col-sm-12">
			<div class="card">
				<div class="card-body">
					<div class="row justify-content-between align-items-center">
						<div class="col-auto">
							<h4 class="text-uppercase">74,206 K</h4>
							<span>Lifetime earnings</span>
						</div>
						<div class="col-auto">
							<div class="chart-wrapper height100">
								<canvas id="chart_widget_7"></canvas>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="col-xl-12 col-xxl-12">
			<div class="row">
				<div class="col-md-6">
					<div class="card">
						<div class="card-body pb-0">
							<div class="row justify-content-between">
								<div class="col-auto">
									<h5>Lorem Ipsum</h5>
								</div>
								<div class="col-auto">
									<h5>
										<span><i class="fa fa-caret-up"></i></span>
										<span>2,250</span>
									</h5>
								</div>
							</div>
						</div>
						<div class="chart-wrapper">
							<div id="chart_widget_6"></div>
						</div>
						<div class="card-footer">
							<div class="row">
								<div class="col text-center">
									<h5 class="font-weight-normal">1230</h5>
									<span>Type A</span>
								</div>
								<div class="col text-center">
									<h5 class="font-weight-normal">1230</h5>
									<span>Type A</span>
								</div>
								<div class="col text-center">
									<h5 class="font-weight-normal">1230</h5>
									<span>Type A</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="card">
						<div class="card-body pb-0">
							<div class="row justify-content-between">
								<div class="col-auto">
									<h5>Lorem Ipsum</h5>
								</div>
								<div class="col-auto">
									<h5>
										<span><i class="fa fa-caret-up"></i></span>
										<span>2,250</span>
									</h5>
								</div>
							</div>
						</div>
						<div class="chart-wrapper">
							<canvas id="chart_widget_3"></canvas>
						</div>
						<div class="card-footer">
							<div class="row">
								<div class="col text-center">
									<h5 class="font-weight-normal">1230</h5>
									<span>Type A</span>
								</div>
								<div class="col text-center">
									<h5 class="font-weight-normal">1230</h5>
									<span>Type A</span>
								</div>
								<div class="col text-center">
									<h5 class="font-weight-normal">1230</h5>
									<span>Type A</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-lg-6">
			<div class="card">
				<div class="card-body pb-0">
					<h4 class="card-title text-uppercase font-weight-normal">Market Now</h4>
					<h2 class="font-weight-normal text-danger">
						<span><i class="fa fa-caret-up"></i></span>
						<span>3454664</span>
					</h2>
					<div class="row mt-5">
						<div class="col text-center">
							<h5 class="font-weight-normal">APPL</h5>
							<span class="text-success">+ 82.24 %</span>
						</div>
						<div class="col text-center">
							<h5 class="font-weight-normal">FB</h5>
							<span class="text-danger">- 12.24 %</span>
						</div>
						<div class="col text-center">
							<h5 class="font-weight-normal">GOOG</h5>
							<span class="text-success">+ 42.24 %</span>
						</div>
					</div>
				</div>
				<div class="chart-wrapper">
					<canvas id="chart_widget_4"></canvas>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-lg-6">
			<div class="card">
				<div class="card-body pb-0">
					<h4 class="card-title text-uppercase font-weight-normal">Sales Analysis</h4>
					<h2 class="font-weight-normal text-danger">
						<span><i class="fa fa-caret-up"></i></span>
						<span>3454664</span>
					</h2>
					<div class="row mt-5">
						<div class="col text-center">
							<h5 class="font-weight-normal">Today</h5>
							<span class="text-success">+ 8224</span>
						</div>
						<div class="col text-center">
							<h5 class="font-weight-normal">Today</h5>
							<span class="text-danger">- 1224</span>
						</div>
						<div class="col text-center">
							<h5 class="font-weight-normal">Week</h5>
							<span class="text-success">+ 4224</span>
						</div>
					</div>
				</div>
				<div class="chart-wrapper">
					<div id="chart_widget_8"></div>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-lg-12">
			<div class="card overflow-hidden">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">Top Products</h4>
				</div>
				<div class="card-body pb-0">
					<div class="widget-media">
						<ul class="timeline">
							<li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/1.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Dr sultads Send you Photo</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-info">
										KG
									</div>
									<div class="media-body">
										<h5 class="mb-1">Resport created successfully</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-info light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-success">
										<i class="fa fa-home"></i>
									</div>
									<div class="media-body">
										<h5 class="mb-1">Reminder : Treatment Time!</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
						</ul>	
					</div>
				</div>
				<div class="chart-wrapper">
					<canvas id="chart_widget_9"></canvas>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-lg-12">
			<div class="card overflow-hidden">
				<div class="card-header border-0 pb-0">
					<h4 class="card-title">Top Products</h4>
				</div>
				<div class="card-body pb-0">
					<div class="widget-media">
						<ul class="timeline">
							<li>
								<div class="timeline-panel">
									<div class="media me-2">
										<img alt="image" width="50" src="{{ asset('images/avatar/4.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Dr sultads Send you Photo</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-primary light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-info">
										<img alt="image" width="50" src="{{ asset('images/avatar/2.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Resport created successfully</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-info light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="timeline-panel">
									<div class="media me-2 media-success">
										<img alt="image" width="50" src="{{ asset('images/avatar/3.jpg')}}">
									</div>
									<div class="media-body">
										<h5 class="mb-1">Reminder : Treatment Time!</h5>
										<small class="d-block">29 July 2020 - 02:26 PM</small>
									</div>
									<div class="dropdown">
										<button type="button" class="btn btn-success light sharp" data-bs-toggle="dropdown">
											<svg width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg>
										</button>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item" href="#">Edit</a>
											<a class="dropdown-item" href="#">Delete</a>
										</div>
									</div>
								</div>
							</li>
						</ul>	
					</div>
				</div>
				<div class="chart-wrapper">
					<canvas id="chart_widget_10"></canvas>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-xxl-8 col-lg-12">
			<div class="row">
				<div class="col-sm-12">
					<div class="card overflow-hidden">
						<div class="row no-gutters">
							<div class="col-5 p-0">
								<div class="card-body ">
									<h6 class="font-weight-normal text-uppercase">Weekly sales</h6>
									<h4>$ 14000</h4>
									<div>
										<span class="badge badge-light">60%</span>
										<span>Higher</span>
									</div>
								</div>
							</div>
							<div class="col-7 p-0">
								<div class="chart-wrapper">
									<canvas id="chart_widget_11"></canvas>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="card">
						<div class="card-body">
							<h5>570</h5>
							<p>All Sales</p>
						</div>
						<div class="chart-wrapper">
							<canvas id="chart_widget_14"></canvas>
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="card">
						<div class="card-body">
							<h5>570</h5>
							<p>All Sales</p>
						</div>
						<div class="chart-wrapper">
							<canvas id="chart_widget_15"></canvas>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-6 col-xxl-4 col-lg-12">
			<div class="card">
				<div class="chart-wrapper">
					<canvas id="chart_widget_16"></canvas>
				</div>
				<div class="card-body">
					<h4 class="card-title">Sales Status</h4>
					<div class="row">
						<div class="col-12">
							<div class="d-flex justify-content-between">
								<h6>67%</h6>
								<span>Grow</span>
							</div>
							<div class="progress">
								<div class="progress-bar bg-primary" style="width: 80%"></div>
							</div>
						</div>
						<div class="col-12 mt-4">
							<div class="d-flex justify-content-between">
								<h6>67%</h6>
								<span>Grow</span>
							</div>
							<div class="progress">
								<div class="progress-bar bg-success" style="width: 70%"></div>
							</div>
						</div>
						<div class="col-12 mt-4">
							<div class="d-flex justify-content-between">
								<h6>67%</h6>
								<span>Grow</span>
							</div>
							<div class="progress">
								<div class="progress-bar bg-info" style="width: 40%"></div>
							</div>
						</div>
						<div class="col-12 mt-4">
							<div class="d-flex justify-content-between">
								<h6>67%</h6>
								<span>Grow</span>
							</div>
							<div class="progress">
								<div class="progress-bar bg-warning" style="width: 80%"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-xxl-3 col-sm-6">
			<div class="card">
				<div class="social-graph-wrapper widget-facebook">
					<span class="s-icon"><i class="fa fa-facebook"></i></span>
				</div>
				<div class="row">
					<div class="col-6 border-end">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">89</span> k</h4>
							<p class="m-0">Friends</p>
						</div>
					</div>
					<div class="col-6">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">119</span> k</h4>
							<p class="m-0">Followers</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-xxl-3 col-sm-6">
			<div class="card">
				<div class="social-graph-wrapper widget-linkedin">
					<span class="s-icon"><i class="fa fa-linkedin"></i></span>
				</div>
				<div class="row">
					<div class="col-6 border-end">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">89</span> k</h4>
							<p class="m-0">Friends</p>
						</div>
					</div>
					<div class="col-6">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">119</span> k</h4>
							<p class="m-0">Followers</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-xxl-3 col-sm-6">
			<div class="card">
				<div class="social-graph-wrapper widget-googleplus">
					<span class="s-icon"><i class="fa fa-google-plus"></i></span>
				</div>
				<div class="row">
					<div class="col-6 border-end">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">89</span> k</h4>
							<p class="m-0">Friends</p>
						</div>
					</div>
					<div class="col-6">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">119</span> k</h4>
							<p class="m-0">Followers</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xl-3 col-xxl-3 col-sm-6">
			<div class="card">
				<div class="social-graph-wrapper widget-twitter">
					<span class="s-icon"><i class="fa fa-twitter"></i></span>
				</div>
				<div class="row">
					<div class="col-6 border-end">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">89</span> k</h4>
							<p class="m-0">Friends</p>
						</div>
					</div>
					<div class="col-6">
						<div class="pt-3 pb-3 ps-0 pe-0 text-center">
							<h4 class="m-1"><span class="counter">119</span> k</h4>
							<p class="m-0">Followers</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection