@extends('innerlayout')
  
@section('content')
	<div class="page-wrapper">
            <div class="container-fluid">
				
				<!-- Title -->
				<div class="row heading-bg  bg-pink">
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
						<h5 class="txt-light">Classic</h5>
					</div>
					<!-- Breadcrumb -->
					<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
						<ol class="breadcrumb">
							<li><a href="index.html">Dashboard</a></li>
							<li><a href="#"><span>dashboard</span></a></li>
							<li class="active"><span>classic</span></li>
						</ol>
					</div>
					<!-- /Breadcrumb -->
				</div>
				<!-- /Title -->
				<!-- Row -->
				<div class="row">
					<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-12">
								<div class="panel panel-default card-view">
									<div class="panel-heading">
										<div class="pull-left">
											<h6 class="panel-title txt-dark">monthly sales</h6>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="panel-wrapper collapse in">
										<div class="panel-body">
											<div class="sm-graph-box">
												<div class="row">
													<div class="col-xs-6">
														<div id="sparkline_1"></div>
													</div>
													<div class="col-xs-6">
														<div class="counter-wrap text-right">
															<span class="counter-cap"><i class="fa  fa-level-up txt-success"></i></span><span class="counter">23</span><span>%</span>
														</div>	
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<div class="panel panel-default card-view">
									<div class="panel-heading">
										<div class="pull-left">
											<h6 class="panel-title txt-dark">total users</h6>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="panel-wrapper collapse in">
										<div class="panel-body">
											<div class="sm-graph-box">
												<div class="row">
													<div class="col-xs-6">
														<div id="sparkline_2"></div>
													</div>
													<div class="col-xs-6">
														<div class="counter-wrap text-right">
															<span class="counter-cap"><i class="fa  fa-level-up txt-success"></i></span><span class="counter">12</span><span>m</span>
														</div>	
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12">	
								<div class="panel panel-default card-view">
									<div class="panel-heading">
										<div class="pull-left">
											<h6 class="panel-title txt-dark">downloads</h6>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="panel-wrapper collapse in">
										<div class="panel-body">
											<div class="sm-graph-box">
												<div class="row">
													<div class="col-xs-6">
														<div id="sparkline_6"></div>
													</div>
													<div class="col-xs-6">
														<div class="counter-wrap text-right">
															<span class="counter-cap"><i class="fa  fa-level-down txt-danger"></i></span><span class="counter">1122</span>
														</div>	
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12">	
								<div class="panel panel-default card-view">
									<div class="panel-heading">
										<div class="pull-left">
											<h6 class="panel-title txt-dark">revisitors</h6>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="panel-wrapper collapse in">
										<div class="panel-body">
											<div class="sm-graph-box">
												<div class="row">
													<div class="col-xs-6">
														<div id="sparkline_7"></div>
													</div>
													<div class="col-xs-6">
														<div class="counter-wrap text-right">
															<span class="counter-cap"><i class="fa  fa-level-down txt-danger"></i></span><span class="counter">1122</span>
														</div>	
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
						<div class="panel panel-default card-view">
							<div class="panel-wrapper collapse in">
								<div  class="panel-body">
									<!-- START carousel-->
									<div id="testimonial_slider" data-ride="carousel" class="carousel slide testimonial-slider-wrap text-slider">
										<ol class="carousel-indicators">
										   <li data-target="#testimonial_slider" data-slide-to="0" class="active"></li>
										   <li data-target="#testimonial_slider" data-slide-to="1"></li>
										   <li data-target="#testimonial_slider" data-slide-to="2"></li>
										</ol>
										<div role="listbox" class="carousel-inner mb-50">
											<div class="item active"> 
												<div class="testimonial-wrap text-center  pl-30 pr-30">
													<img class="image-circle" src="dist/img/user1.png" alt="First slide image"> 
													<p class="mt-20 font-16">"Activist, criteria planned giving dignity, committed democratizing the global financial system progressive."</p>
													<span class="testi-pers-name block mt-15  txt-dark capitalize-font head-font">
														Jens Brincker
													</span>
													<span class="testi-pers-desg block capitalize-font">
														Interaction Designer
													</span>
												</div>
											</div>
											<div class="item"> 
												<div class="testimonial-wrap text-center  pl-30 pr-30">
													<img class="image-circle" src="dist/img/user2.png" alt="First slide image"> 
													<p class="mt-20 font-16">"Nelson Mandela equal opportunity change accelerate pathway to a better life invest our ambitions catalyst."</p>
													<span class="testi-pers-name block mt-15  txt-dark capitalize-font head-font">
														Mark Hay
													</span>
													<span class="testi-pers-desg block capitalize-font">
														Interface Designer
													</span>
												</div>
											</div>
											
											<div class="item"> 
												<div class="testimonial-wrap text-center  pl-30 pr-30">
													<img class="image-circle" src="dist/img/user3.png" alt="First slide image"> 
													<p class="pt-20 font-16">"Making progress contribution compassion Ford Foundation, cross-agency coordination Bill development."</p>
													<span class="testi-pers-name block mt-15  txt-dark capitalize-font head-font">
														Anthony Davie	
													</span>
													<span class="testi-pers-desg block capitalize-font">
														Project Manager
													</span>
												</div>
											</div>
											
										</div>
									</div>
									<!-- END carousel-->
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Row -->
				<!-- Row -->
				<div class="row">
					<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
							<div class="panel panel-default card-view">
								<div class="panel-wrapper collapse in">
									<div  class="panel-body">
									<!-- START carousel-->
									<div id="carousel-example-captions-1" data-ride="carousel" class="carousel slide">
										<ol class="carousel-indicators">
										   <li data-target="#carousel-example-captions-1" data-slide-to="0" class="active"></li>
										   <li data-target="#carousel-example-captions-1" data-slide-to="1"></li>
										   <li data-target="#carousel-example-captions-1" data-slide-to="2"></li>
										</ol>
										<div role="listbox" class="carousel-inner">
										   <div class="item active"> <img src="dist/img/big/img4.jpg" alt="First slide image"> </div>
										   <div class="item"> <img src="dist/img/big/img5.jpg" alt="Second slide image"> </div>
										   <div class="item"> <img src="dist/img/big/img6.jpg" alt="Third slide image"> </div>
										</div>
									</div>
									<!-- END carousel-->
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-8 col-md-6 col-sm-12 col-xs-12">
                        <div class="panel panel-default card-view">
							<div class="panel-heading">
								<div class="pull-left">
									<h6 class="panel-title txt-dark"><i class="icon-map mr-10"></i>Area Chart</h6>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="panel-wrapper collapse in">
								<div class="panel-body">
									<div id="morris_area_chart" class="morris-chart" style="height:260px;"></div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				<!-- /Row -->
				
				<!-- Row -->
				<div class="row">
					<div class="col-lg-4">
						<div class="panel panel-default card-view">
							<div class="panel-heading">
								<div class="pull-left">
									<h6 class="panel-title txt-dark">User Activity</h6>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="panel-wrapper collapse in">
								<div class="panel-body">
									<div class="streamline">
										<div class="sl-item">
											<div class="sl-avatar avatar avatar-sm avatar-circle">
												<img class="img-responsive img-circle" src="dist/img/user.png" alt="avatar"/>
											</div>
											<div class="sl-content">
												<a href="javascript:void(0)" class="block capitalize-font ">Jens Brincker</a>
												<span class="block font-12 mb-5">Yesterday</span>
												
												<p>Called up meeting with clients</p>
											</div>
										</div>

										<div class="sl-item">
											<div class="sl-avatar avatar avatar-sm avatar-circle">
												<img class="img-responsive img-circle" src="dist/img/user1.png" alt="avatar"/>
											</div>
											<div class="sl-content">
												<a href="javascript:void(0)" class="block capitalize-font ">Mark Hay</a>
												<span class="block font-12 mb-5">3 days ago</span>
												
												<p>Created tasklist again</p>
											</div>
										</div>

										<div class="sl-item">
											<div class="sl-avatar avatar avatar-sm avatar-circle">
												<img class="img-responsive img-circle" src="dist/img/user2.png" alt="avatar"/>
											</div>
											<div class="sl-content">
												<a href="javascript:void(0)" class="block capitalize-font ">Anthony Davie</a>
												<span class="block font-12 mb-5">Oct 18</span>
												
												<p>Anthony is running behind by 8hrs</p>
											</div>
										</div>

										<div class="sl-item">
											<div class="sl-avatar avatar avatar-sm avatar-circle">
												<img class="img-responsive img-circle" src="dist/img/user3.png" alt="avatar"/>
											</div>
											<div class="sl-content">
												<a href="javascript:void(0)" class="block capitalize-font ">David Perry</a>
												<span class="block font-12 mb-5">Oct 12</span>
												
												<p>David completed first level.</p>
											</div>
										</div>
										
										<div class="sl-item">
											<div class="sl-avatar avatar avatar-sm avatar-circle">
												<img class="img-responsive img-circle" src="dist/img/user4.png" alt="avatar"/>
											</div>
											<div class="sl-content">
												<a href="javascript:void(0)" class="block capitalize-font ">Anthony Davie</a>
												<span class="block font-12 mb-5">last month</span>
												
												<p>Started working on the project.</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="panel panel-success card-view">
							<div class="panel-heading mb-20">
								<h6 class="panel-title txt-light">latest chat</h6>
								<div class="clearfix"></div>
							</div>
							<div class="panel-wrapper collapse in">
								<div class="panel-body">
									<div class="chat-content">
										<ul>
											<li class="friend">
												<div class="friend-msg-wrap">
													<img class="user-img img-circle block pull-left"  src="dist/img/user.png" alt="user"/>
													<div class="msg pull-left">A forest is a large area of land covered with trees
														<div class="msg-per-detail mt-5">
															<span class="msg-per-name pr-5 txt-success">ryan</span>
															<span class="msg-time txt-grey">2:30pm</span>
														</div>
													</div>
													<div class="clearfix"></div>
												</div>	
											</li>
											<li class="self">
												<div class="self-msg-wrap">
													<div class="msg block pull-right"> Provide ecosystem...
														<div class="msg-per-detail mt-5">
															<span class="msg-time txt-grey">2:30pm</span>
														</div>
													</div>
													<div class="clearfix"></div>
												</div>	
											</li>
											<li class="friend">
												<div class="friend-msg-wrap">
													<img class="user-img img-circle block pull-left"  src="dist/img/user.png" alt="user"/>
													<div class="msg pull-left"> Account for 75% of the gross primary productivity of them Earth's biosphere
														<div class="msg-per-detail mt-5">
															<span class="msg-per-name pr-5 txt-success">ryan</span>
															<span class="msg-time txt-grey">2:30pm</span>
														</div>
													</div>
													<div class="clearfix"></div>
												</div>	
											</li>
											<li class="self">
												<div class="self-msg-wrap">
													<div class="msg block pull-right">Although forest is a term of common parlance
														<div class="msg-per-detail mt-5">
															<span class="msg-time txt-grey">2:30pm</span>
														</div>
													</div>
													<div class="clearfix"></div>
												</div>	
											</li>
										</ul>
									</div>
									<div class="input-group">
										<div class="input-group-btn">
											<div class="dropup">
												<button type="button" class="btn  btn-default  dropdown-toggle" data-toggle="dropdown" ><i class="fa fa-smile-o"></i></button>
												<ul class="dropdown-menu dropdown-menu-right">
													<li><a href="javascript:void(0)">Action</a></li>
													<li><a href="javascript:void(0)">Another action</a></li>
													<li class="divider"></li>
													<li><a href="javascript:void(0)">Separated link</a></li>
												</ul>
											</div>
										</div>
										
										<input type="text" id="input_msg_send" name="send-msg" class="form-control" placeholder="Type something">
										<div class="input-group-btn">
											<div class="fileupload btn  btn-default"><i class="fa fa-paperclip"></i>
												<input type="file" class="upload">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="panel panel-default card-view">
							<div class="panel-heading">
								<div class="pull-left">
									<h6 class="panel-title txt-dark">task panel</h6>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="panel-wrapper collapse in">
								<div class="panel-body task-panel">
									<div class="list-group mb-0">
										<a href="#" class="list-group-item">
											<span class="badge badge-info">just now</span>
											<i class="fa fa-calendar"></i> Calendar updated
										</a>
										<a href="#" class="list-group-item">
											<span class="badge badge-info">just now</span>
											<i class="fa fa-calendar"></i> Calendar updated
										</a>
										<a href="#" class="list-group-item">
											<span class="badge  badge-success">4 minutes ago</span>
											<i class="fa fa-comment"></i> Commented on a post
										</a>
										<a href="#" class="list-group-item">
											<span class="badge badge-warning">23 minutes ago</span>
											<i class="fa fa-truck"></i> Order 392 shipped
										</a>
										<a href="#" class="list-group-item">
											<span class="badge  badge-success">46 minutes ago</span>
											<i class="fa fa-money"></i> Invoice 653 has been paid
										</a>
										<a href="#" class="list-group-item">
											<span class="badge  badge-danger">1 hour ago</span>
											<i class="fa fa-user"></i> A new user has been added
										</a>
										<a href="#" class="list-group-item">
											<span class="badge  badge-info">2 hours ago</span>
											<i class="fa fa-check"></i> Completed task: "pick up dry cleaning"
										</a>
										<a href="#" class="list-group-item">
											<span class="badge  badge-success">yesterday</span>
											<i class="fa fa-globe"></i> Saved the world
										</a>
										<a href="#" class="list-group-item">
											<span class="badge  badge-danger">two days ago</span>
											<i class="fa fa-check"></i> Completed task: "fix error on sales page"
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Row -->
			</div>
			<!-- Footer -->
			<footer class="footer container-fluid pl-30 pr-30">
				<div class="row">
					<div class="col-sm-5">
						<a href="index.html" class="brand mr-30"><img src="dist/img/logo-sm.png" alt="logo"/></a>
						<ul class="footer-link nav navbar-nav">
							<li class="logo-footer"><a href="#">help</a></li>
							<li class="logo-footer"><a href="#">terms</a></li>
							<li class="logo-footer"><a href="#">privacy</a></li>
						</ul>
					</div>
					<div class="col-sm-7 text-right">
						<p>2016 &copy; Kenny. Pampered by Hencework</p>
					</div>
				</div>
			</footer>
			<!-- /Footer -->
			
		</div>
@endsection