<style>
	.col6 {
		border: 1px solid #E7E7E7;
		border-radius: 5px;
		/* height: 78vh; */
	}
	@media (max-width: 768px) {
		.col6-left {
			bottom: 10px;
		}
		.col6-right {
			top: 10px;
		}
	}
	@media (min-width: 768px) {
		.col6-left {
			left: -10px;
		}
		.col6-right {
			right: -10px;
		}
	}
	@media only screen 
	  and (min-device-width: 768px) 
	  and (max-device-width: 1024px) 
	  and (orientation: portrait) 
	  and (-webkit-min-device-pixel-ratio: 1) {
		.col6-left {
			left: unset;
		}
		.col6-right {
			right: unset;
		}
	}


</style>

<div class="row">
	<div class="container">
		<div class="col-md-6 col-sm-12 col6 col6-left" style="padding-top: 20px; background:white;">
			
			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/orders'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/orders.jpg" width="60%" alt="Manage Orders" title="Manage Orders"></a><br>Penjualan</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			<?php if ($membership_type=="enterprise" || $membership_type=="free trial") : ?>
				<!--<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
						<p style="text-align:center;">
						<a href="<?= site_url('admin/pembelian_index'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/pembelian.jpg" width="60%" alt="Pembelian"></a><br>Pembelian</p>
				</div><!-- class="col-lg-2 col-xs-6" -->
			<?php endif ?>


			 <div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
		      <p style="text-align:center;">
		      <a href="<?= site_url('admin/product_index'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/product.jpg" width="60%" alt="Manage products" title="Manage Products"></a><br>Produk</p>
		    </div><!-- class="col-lg-2 col-xs-6" -->

		     <div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
		      <p style="text-align:center;">
		      <a href="<?= site_url('admin/stocks'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/stock.jpg" width="60%" alt="Manage stocks" title="Manage Stocks"></a><br>Stok</p>
		    </div><!-- class="col-lg-2 col-xs-6" -->



			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/promotion'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/promotion-icon.jpg" width="60%" alt="Promosi"></a><br>Promosi</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/customer_index'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/customers.jpg" width="60%" alt="Manage Customers" title="Manage Customers"></a><br>Pelanggan</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			<!-- <div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/marketplace'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/marketplace_icon.jpg" width="60%" alt="Manage Marketplace Price Margin" title="Manage Marketplace Price Margin"></a><br>Marketplace Price Margin</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			   <div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
			      <p style="text-align:center;">
			      <a href="<?= site_url('admin/homepage'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/homepage.jpg" width="60%" alt="Manage Homepage" title="Homepage & Custom Menu"></a><br>Homepage & Custom Menu</p>
			    </div><!-- class="col-lg-2 col-xs-6" -->

			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/page_index'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/pages.jpg" width="60%" alt="Pages" title="Manage Pages"></a><br>Halaman</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/about/edit/1'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/pages.jpg" width="60%" alt="About Us" title="Manage About Us"></a><br>About US</p>
			</div>

			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail"> 
		      <p style="text-align:center;">
		      <a href="<?= site_url('admin/menus'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/menu.jpg" width="60%" alt="Manage Navigation" title="Manage Navigation"></a><br>Menu Navigasi</p>
		    </div><!-- class="col-lg-2 col-xs-6" -->

			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
		        <p style="text-align:center;">
		        <a href="<?= site_url('admin/blog'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/blogicon.jpg" width="60%" alt="Manage Blog" title="Manage Blog"></a><br>Blog/Artikel</p>
		      </div><!-- class="col-lg-2 col-xs-6" -->

			<!-- <div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/promo_banners'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/promo-banner.jpg" width="60%" alt="Manage Blog" title="Manage Promotion Banners"></a><br>Blog Side Banners</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			
			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/sales_report'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/sales-report.jpg" width="60%" alt="Reports" title="Reports"></a><br>Laporan</p>
			</div><!-- class="col-lg-2 col-xs-6" -->

			<div class="col-xs-4 col-sm-3 col-md-4 col-lg-4 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/configuration_index'); ?>"><img src="https://www.rabbithabit.com/assets/admin/img/setting.jpg" width="60%" alt="Configuration" title="Configuration"></a><br>Pengaturan</p>
			</div><!-- class="col-lg-2 col-xs-6" -->
			<br>
			

		</div>
		<div class="col-md-6 col-sm-12 col6 col6-right">
			<h4>Hi <?= ucwords($this->session->userdata('admin')['name']);?></h4>

			<h4>Info Terkini</h4>
			<p>Selamat Datang di CMS CanvasWeb. Selamat memulai perjalanan Bisnis Online. Mohon melaporkan kepada kami bila Anda menemukan bugs, error, ide atau masukan-masukan untuk membuat platform ini semakin bermanfaat dan nyaman untuk digunakan. Laporan dapat Anda email ke support@canvaswebdesign.com</p>
			<br>
			<h4>Statistik Toko</h4>

			<?php 
				$week = date('d M', strtotime('-7 days', strtotime(date('d M Y'))));
				$day = date('d M Y');
				$month = date('M Y');
			?>
			
			<select class="form-control" id="filter">
				<option value="day">Hari ini (<?= $day ?>)</option>	
				<option value="week">1 Minggu Terakhir (<?= $week ?> s/d <?= $day ?>)</option>	
				<option value="month">1 Bulan Terakhir</option>		
			</select>

			<table class="table table-striped" id="table">
				
			</table>	

		</div>
	</div>
</div>

<script>
	jQuery(document).ready(function(){
		url = '<?=base_url('admin/dashboard/ajax_statistik')?>';
		
		jQuery.ajax({
			url: url,
			success:function(result){
				jQuery('#table').html(result);
			}
		})		

		function ajax($val) {
			jQuery.ajax({
				url: url,
				type: 'post',
				data: {
					'val' : $val,
					'<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
				},
				success:function(result){
					jQuery('#table').html(result);
				}
			})
		}

		jQuery('#filter').on('change', function() {		
			var val = jQuery(this).val();
			ajax(val);
		})
	})
</script>