<?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 Month Wise Report
							</div>
							<div class="card-body">
						
								<div class="row">

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

										<div class="form-group">
											<label for="name">Month</label>
											<select name="month" class="form-control" id="month" >
												<option value="January">January</option>
												<option value="February">February</option>
												<option value="March">March</option>
												<option value="April">April</option>
												<option value="May">May</option>
												<option value="June">June</option>
												<option value="July">July</option>
												<option value="August">August</option>
												<option value="September">September</option>
												<option value="October">October</option>
												<option value="November">November</option>
												<option value="December">December</option>
											</select>
										</div>

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

										<div class="form-group">
											<label for="name">Year</label>
											<select name="year" class="form-control" id="year">
												<option selected="selected" value="2011">2011</option>
												<option selected="selected" value="2012">2012</option>
												<option selected="selected" value="2013">2013</option>
												<option selected="selected" value="2014">2014</option>
												<option selected="selected" value="2015">2015</option>
												<option selected="selected" value="2016">2016</option>
												<option selected="selected" value="2017">2017</option>
											</select>
										</div>

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

										<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>
								
							</div>
							
							<div class="card-footer">
								<button type="submit" class="btn btn-sm btn-primary" OnClick="onSkuMonthWise()"><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="exlskumonth"></div>
							<div class="card-header">
								SKU Month Wise Report
								<button id='SkuMonthtoExcel' class="btn btn-primary" style="float: right; margin-top: 0;"><i class="fa fa-file-excel-o"></i> Excel</button>
								<button id="monthwiseChart" 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="skumonth"></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 Month Wise</h2>
						</div>
						<div class="modal-body">
							<div id="skumonthchart"></div>
						</div>
					</div>

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

<script type="text/javascript">
// Get the modal
var modal = document.getElementById('myModal');

var btn = document.getElementById("monthwiseChart");

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>
