<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.laciasmara.com/shop/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" -->

			<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_retailer'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/orders.jpg" width="60%" alt="Manage Orders" title="Manage Orders"></a><br>Retailer
				</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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/assets/admin/img/homepage.jpg" width="60%" alt="Manage Homepage" title="Manage Homepage"></a><br>Homepage
				</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.laciasmara.com/shop/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/page_index'); ?>"><img src="https://www.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/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.laciasmara.com/shop/assets/admin/img/setting.jpg" width="60%" alt="Configuration" title="Configuration"></a><br>Pengaturan
				</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/graph'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/statistic.jpg" width="60%" alt="Statistic" title="Statistic"></a><br>Statistik
				</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 hello@canvaswebdesign.com</p>
			<br>
			<h4>Statistik Toko</h4>

			<?php
			//current date and time
			$initial_day = date('d M Y 00:00:00', strtotime(date('Y-m-d H:i:s')));
			$day = date('d M Y H:i:s', strtotime(date('Y-m-d H:i:s')));
			//1 week before
			$week = date('d M Y H:i:s', strtotime(date("Y-m-d 00:00:00", strtotime('-1 week'))));
			//1 month before
			$month = date('d M Y H:i:s', strtotime(date("Y-m-d 00:00:00", strtotime('-1 month'))));

			$current_year = date("Y");

			?>

			<select class="form-control" id="filter">
				<option value="day">Hari ini (<?= $initial_day; ?> - <?= $day ?>)</option>
				<option value="week">1 Minggu Terakhir (<?= $week ?> s/d <?= $day ?>)</option>
				<option value="month">1 Bulan Terakhir (<?= $month ?> s/d <?= $day ?>)</option>
				<option value="thisyear">Tahun ini (<?= $current_year ?>)</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>