<?php include("header.php"); ?>
	
				<div class="row">
					<div class="col-lg-12 col-sm-12 col-md-12">
						
						<div class="card">
							<div class="card-header">
								SKU Day Wise Report
							</div>
							<div class="card-body">
						
								<div class="row">

									<div class="col-lg-3 col-sm-3 col-sm-3">

										<div class="form-group">
											<label for="name">Date From</label>
											<div class="input">
												<input type="text" id="date1" name="input.date1" class="form-control date hasDatepicker" value="">
											</div>
										</div>

									</div>
									
									<div class="col-lg-3 col-sm-3 col-sm-3">

										<div class="form-group">
											<label for="name">Date to</label>
											<div class="input">
												<input type="text" id="date2" name="input.date2" class="form-control date" value="">
											</div>
										</div>

									</div>
									
									<div class="col-lg-3 col-sm-3 col-sm-3">

										<div class="form-group">
											<label for="name">outlet</label>
											<select name="outlet" class="form-control" id="outlet" >
												<option value="all">All Outlet</option>
												<option value="1">Sector 56</option>
												<option value="4">Sector 4</option>
												<option value="3">Sohna Road</option>
												<option value="2">Sector 22</option>
												<option value="8">Super Mart</option>
												<option value="9">CP Outlet</option>
												<option value="10">Dwarka</option>
												<option value="38">Aerocity POS</option>
											</select>
										</div>

									</div>
									
									<div class="col-lg-3 col-sm-3 col-sm-3">

										<div class="form-group">
											<label for="name">Cuisine Type</label>
											<select name="CuisineType" class="form-control" id="CuisineType">
												<option value="all">All Cuisine</option>
											</select>
										</div>

									</div>

                                </div>
								
							</div>
							
							<div class="card-footer">
								<button type="submit" class="btn btn-sm btn-primary" OnClick="onSkuDayWise()"><i class="fa fa-dot-circle-o"></i> Submit</button>
								<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
							</div>
						</div>
						
					</div>
				</div>
		
				<div class="row">
					<div class="col-lg-12">
						
						<div class="card">
							<div id="exlskuday"></div>
							<div class="card-header">
								SKU Day Wise Report
								<button id='SkuDaytoExcel' class="btn btn-primary" style="float: right; margin-top: 0;"><i class="fa fa-file-excel-o"></i> Excel</button>
								<button id="daywiseChart" class="btn btn-primary" style="float: right; margin: 0 5px 0 0;"><i class="fa fa-bar-chart"></i> Create Chart</button>
							</div>
							<div class="card-body">
						
								<div id="jsGrid"></div>
								
							</div>
						</div>
						
					</div>
				</div>
		
				<div id="myModal" class="modal report-modal">

					<!-- Modal content -->
					<div class="modal-content">
						<div class="modal-header">
							<span class="close">&times;</span>
							<h2>SKU Day Wise</h2>
						</div>
						<div class="modal-body">
							<div id="skuday"></div>
						</div>
					</div>

				</div>
	
<?php include("footer.php"); ?>

<script type="text/javascript">
$( function(){
	$('#date1, #date2').datepicker({
		format: 'dd-mm-yyyy',
		autoclose: true,
		todayHighlight: true,
		orientation: "bottom auto"
	});
});


// Get the modal
var modal = document.getElementById('myModal');
var btn = document.getElementById("daywiseChart");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
    modal.style.display = "block";
}
span.onclick = function() {
    modal.style.display = "none";
}
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
	
	
	
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-36251023-1']);
	_gaq.push(['_setDomainName', 'jqueryscript.net']);
	_gaq.push(['_trackPageview']);

	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

</script>
