 <!-- additional content area start -->
 <div class="col-lg-12 mt-5">
 	<div class="card">
 		<div class="card-body">
 			<h4 class="header-title">Dashboard</h4>
 			<div class="additional-content">
 				<div class="alert alert-primary" role="alert">
 					<h4 class="alert-heading">Selamat Datang [<?php echo " ".$_SESSION['nama']." "; ?>]</h4>
 					<hr>
 					<p class="mb-0">di Sistem Informasi Pembayaran Administrasi Komite MAN 4 Bogor</p>
 				</div>
 			</div>
 		</div>
 	</div>
 </div>
 <!-- additional content area end -->


 <div class="row">
 	<!-- table success start -->
 	<div class="col-lg-6 mt-3">
 		<!-- seo fact area start -->
 		<div class="col-lg-12">
 			<div class="row">
 				<div class="col-md-12 mt-3">
 					<div class="card">
 						<div class="seo-fact sbg1">
 							<div class="p-4 d-flex justify-content-between align-items-center">
 								<div class="seofct-icon"><i class="fa fa-users"></i> Jumlah Siswa</div>
 								<h2>2,315</h2>
 							</div>
 							<!-- <canvas id="seolinechart1" height="50"></canvas> -->
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="row">
 				<div class="col-md-12 mt-3">
 					<div class="card">
 						<div class="seo-fact sbg2">
 							<div class="p-4 d-flex justify-content-between align-items-center">
 								<div class="seofct-icon"><i class="fa fa-user-secret"></i> Jumlah User</div>
 								<h2>3,984</h2>
 							</div>
 							<!-- <canvas id="seolinechart2" height="50"></canvas> -->
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="row">
 				<div class="col-md-12 mt-3">
 					<div class="card">
 						<div class="seo-fact sbg3">
 							<div class="p-4 d-flex justify-content-between align-items-center">
 								<div class="seofct-icon">Impressions</div>
 								<canvas id="seolinechart3" height="60"></canvas>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="row">
 				<div class="col-md-12 mt-3">
 					<div class="card">
 						<div class="seo-fact sbg4">
 							<div class="p-4 d-flex justify-content-between align-items-center">
 								<div class="seofct-icon">New Users</div>
 								<canvas id="seolinechart4" height="60"></canvas>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 		<!-- seo fact area end -->
 	</div>
 	<!-- table success end -->

 	<!-- table warning start -->
 	<div class="col-lg-6 mt-3">
 		<div class="card">
 			<div class="card-body">
 				<h4 class="header-title">Thead warning</h4>
 				<div class="single-table">
 					<div class="table-responsive">
 						<table class="table text-center">
 							<thead class="text-uppercase bg-warning">
 								<tr class="text-white">
 									<th scope="col">ID</th>
 									<th scope="col">Name</th>
 									<th scope="col">date</th>
 									<th scope="col">price</th>
 									<th scope="col">action</th>
 								</tr>
 							</thead>
 							<tbody>
 								<tr>
 									<th scope="row">1</th>
 									<td>Mark</td>
 									<td>09 / 07 / 2018</td>
 									<td>$120</td>
 									<td><i class="ti-trash"></i></td>
 								</tr>
 								<tr>
 									<th scope="row">1</th>
 									<td>jone</td>
 									<td>09 / 07 / 2018</td>
 									<td>$150</td>
 									<td><i class="ti-trash"></i></td>
 								</tr>
 								<tr>
 									<th scope="row">1</th>
 									<td>Mark</td>
 									<td>09 / 07 / 2018</td>
 									<td>$120</td>
 									<td><i class="ti-trash"></i></td>
 								</tr>
 								<tr>
 									<th scope="row">1</th>
 									<td>jone</td>
 									<td>09 / 07 / 2018</td>
 									<td>$150</td>
 									<td><i class="ti-trash"></i></td>
 								</tr>
 							</tbody>
 						</table>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 	<!-- table warning end -->
 </div>
<!-- main content area end -->