<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="col-md-8 col-sm-12 col6 col6-left">
		<h4 style="margin-left:30px;">CORPORATE PAGES</h4>
		<div class="row">
		    <div class="col-sm-12">
			</div>
		
			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
					<a href="<?= site_url('admin/home_centerbanners'); ?>">
						<img src="<?= base_url(); ?>/assets/admin/img/center-banner.jpg" width="60%" alt="" title="">
					</a>
					<br>Home Content 
				</p>
			</div>

			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
					<a href="<?= site_url('admin/home_content/body_rooms'); ?>">
						<img src="<?= base_url(); ?>assets/admin/img/voucher.jpg" width="60%" alt="" title="">
					</a>
					<br>Promotion Banners
				</p>
			</div>

			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/products'); ?>"><img src="<?= base_url('assets/admin/img/harga.jpg'); ?>" width="60%" alt="Manage products" title="Manage Products"></a><br>Airport Lounges</p>
			</div> 

			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/other_businesses'); ?>"><img src="<?= base_url('assets/admin/img/size.jpg'); ?>" width="60%" alt="Manage Page" title="Manage Page"></a><br>Other Businesses</p>
			</div>
			
			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
	            <p style="text-align:center;">
	            <a href="<?= site_url('admin/about'); ?>"><img src="<?= base_url(); ?>assets/admin/img/customer_service.jpg" width="60%" alt="Manage about" title="Manage about"></a>
	          <br>About Us</p>  
	     	</div>

			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
	            <p style="text-align:center;">
	            <a href="<?= site_url('admin/customer_service'); ?>"><img src="<?= base_url(); ?>assets/admin/img/customer_service.jpg" width="60%" alt="Manage customer service" title="Manage customer service"></a>
	          <br>About Us (Team)</p>  
	     	</div>

			<!-- <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/loyalties'); ?>"><img src="<?= base_url('assets/admin/img/harga.jpg'); ?>" width="60%" alt="Manage Loyalties" title="Manage Loyalties"></a><br>Loyalty Page</p>
			</div> -->

			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
					<a href="<?= site_url('admin/home_content/events'); ?>">
						<img src="<?= base_url(); ?>assets/admin/img/info.jpg" width="60%" alt="" title="">
					</a>
					<br>Press & Activities
				</p>
			</div>

			<!-- <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/menus'); ?>"><img src="<?= base_url(); ?>assets/admin/img/menu.jpg" width="60%" alt="Manage Menu" title="Manage Menu"></a><br>Menu Navigasi</p>
			</div> -->
 
			<!-- <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/home_footer'); ?>"><img src="<?= base_url(); ?>assets/admin/img/footer-banner.jpg" width="60%" alt="Manage Footer" title="Manage Footer"></a><br>Footer</p>
			</div>  -->
 
			<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
				<p style="text-align:center;">
				<a href="<?= site_url('admin/configuration_index'); ?>"><img src="<?= base_url(); ?>assets/admin/img/setting.jpg" width="60%" alt="Manage Configuration" title="Manage Configuration"></a><br>Konfigurasi</p>
			</div> 

			<!-- <div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 iconThumbnail">
	            <p style="text-align:center;">
	            <a href="<?= site_url('admin/career'); ?>"><img src="<?= base_url(); ?>assets/admin/img/customer_service.jpg" width="60%" alt="Manage Career" title="Manage Career"></a>
	          <br>Career</p>  
	     	</div> -->
		</div>
		<div style="clear: both;"></div>
		
	</div>


	<div class="col-md-4 col-sm-12 col6 col6-right">
		<h4 style="margin-left:30px;">HOTEL PAGES</h4> 
		<div class="row">
			<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 iconThumbnail">
			<p style="text-align:center;">
			<a href="<?= site_url('admin/hotels'); ?>"><img src="<?= base_url(); ?>assets/admin/img/homepage.jpg" width="60%" alt="Manage products" title="Manage Products"></a><br>Hotel</p>
			</div> 
		</div> 


		<h4>Halo <?= ucwords($this->session->userdata('admin')['name']);?></h4>
		<br>
		<!-- <h4>Statistik Website</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 (<?= $week ?> s/d <?= $day ?>)</option>	
			<option value="month">Bulan ini (<?= $month; ?>)</option>		
		</select> 
		<table class="table table-striped" id="table"></table>	 -->
	</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>