<?php

include 'connect.php';
if(!isset($_SESSION)){
    session_start();
}
if(isset($_SESSION['adminemail']))
{
$user=$_SESSION['adminemail'];

?>





<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="small">
							&copy; <?php echo date('Y'); ?>. Powered by <a href="">Epple Cube&#8482;</a>.
						</span>
					</div>
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="assets/js/jquery-2.1.4.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->

		<!--[if lte IE 8]>
		  <script src="assets/js/excanvas.min.js"></script>
		<![endif]-->
        <script src="assets/js/wizard.min.js"></script>
		<script src="assets/js/jquery.validate.min.js"></script>
        
		<script src="assets/js/jquery-additional-methods.min.js"></script>
		<script src="assets/js/bootbox.js"></script>
		<script src="assets/js/jquery.maskedinput.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
        
        <script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.min.js"></script>
		<script src="assets/js/dataTables.buttons.min.js"></script>
		<script src="assets/js/buttons.flash.min.js"></script>
		<script src="assets/js/buttons.html5.min.js"></script>
		<script src="assets/js/buttons.print.min.js"></script>
		<script src="assets/js/buttons.colVis.min.js"></script>
		<script src="assets/js/dataTables.select.min.js"></script>
        <script src="assets/js/bootstrap-datepicker.min.js"></script>
        <script src="assets/js/bootstrap-timepicker.min.js"></script>
        
                
		<script src="assets/js/jquery-ui.custom.min.js"></script>
		<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
        
		<script src="assets/js/moment.min.js"></script>
        <script src="assets/js/fullcalendar.min.js"></script>
        <script src="assets/js/bootbox.js"></script>

        
        <script src="assets/js/chosen.jquery.min.js"></script>
		<script src="assets/js/spinbox.min.js"></script>
		<script src="assets/js/moment.min.js"></script>
		<script src="assets/js/daterangepicker.min.js"></script>
		<script src="assets/js/bootstrap-datetimepicker.min.js"></script>
		<script src="assets/js/autosize.min.js"></script>
		<script src="assets/js/jquery.inputlimiter.min.js"></script>
        
		<script src="assets/js/jquery.easypiechart.min.js"></script>
		<script src="assets/js/jquery.sparkline.index.min.js"></script>
		<script src="assets/js/jquery.flot.min.js"></script>
		<script src="assets/js/jquery.flot.pie.min.js"></script>
		<script src="assets/js/jquery.flot.resize.min.js"></script>

		<!-- ace scripts -->
		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>
        <script src="assets/js/alert.js"></script>
        
        
<script type="text/javascript">
			jQuery(function($) {


var events = <?php echo $s3; ?>;


	/* initialize the calendar
	-----------------------------------------------------------------*/

	var date = new Date();
	var d = date.getDate();
	var m = date.getMonth();
	var y = date.getFullYear();


	var calendar = $('#calendar').fullCalendar({
		//isRTL: true,
		//firstDay: 1,// >> change first day of week 
		
		buttonHtml: {
			prev: '<i class="ace-icon fa fa-chevron-left"></i>',
			next: '<i class="ace-icon fa fa-chevron-right"></i>'
		},
	
		header: {
			left: 'prev,next',
			center: 'title',
			right: ''
		},
		events: events
		
		
	});


})
		</script>
        
        
<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
			
				$('[data-rel=tooltip]').tooltip();
			
				$('.select2').css('width','220px').select2()
				.on('change', function(){
					$(this).closest('form').validate().element($(this));
				});
				
				
				$('.chosen').css('width','220px').select2().on('change', function(){
					$(this).closest('form').validate().element($(this));
				});
				
				$('.chosen1').css('width','150px').select2().on('change', function(){
					$(this).closest('form').validate().element($(this));
				});
			
			
				var $validation = true;
				$('#fuelux-wizard-container')
				.ace_wizard({
					//step: 2 //optional argument. wizard will jump to step "2" at first
					buttons: '.wizard-actions:eq(0)'
				})
				.on('actionclicked.fu.wizard' , function(e, info){
					if($validation) {
						if(!$('#validation-form').valid()) e.preventDefault();
					}
				})
				//.on('changed.fu.wizard', function() {
				//})
				/*.on('finished.fu.wizard', function(e) {
					bootbox.dialog({
						message: "Thank you! Your information was successfully saved!", 
						buttons: {
							"success" : {
								"label" : "OK",
								"className" : "btn-sm btn-primary"
							}
						}
					});
				})*/.on('stepclick.fu.wizard', function(e){
					e.preventDefault();//this will prevent clicking and selecting steps
				});
			
			
				//jump to a step
				/**
				var wizard = $('#fuelux-wizard-container').data('fu.wizard')
				wizard.currentStep = 3;
				wizard.setState();
				*/
			
				//determine selected step
				//wizard.selectedItem().step
			
			
			
				//hide or show the other form which requires validation
				//this is for demo only, you usullay want just one form in your application
				/*$('#skip-validation').removeAttr('checked').on('click', function(){
						
					$validation = this.checked;
					
					if(this.checked) {
						//alert("1");
						$('#sample-form').hide();
						$('#validation-form').removeClass('hide');
					}
					else {
						$('#validation-form').addClass('hide');
						$('#sample-form').show();
					}
					
					
				})*/
			
			
			
				//documentation : http://docs.jquery.com/Plugins/Validation/validate
			/*
			
				$.mask.definitions['~']='[+-]';
				$('#phone').mask('(999) 999-9999');
			
				jQuery.validator.addMethod("phone", function (value, element) {
					return this.optional(element) || /^\(\d{3}\) \d{3}\-\d{4}( x\d{1,6})?$/.test(value);
				}, "Enter a valid phone number.");
			
				$('#validation-form').validate({
					errorElement: 'div',
					errorClass: 'help-block',
					focusInvalid: false,
					ignore: "",
					rules: {
						email: {
							required: true,
							email:true
						},
						password: {
							required: true,
							minlength: 5
						},
						password2: {
							required: true,
							minlength: 5,
							equalTo: "#password"
						},
						name: {
							required: true
						},
						phone: {
							required: true,
							phone: 'required'
						},
						url: {
							required: true,
							url: true
						},
						comment: {
							required: true
						},
						state: {
							required: true
						},
						platform: {
							required: true
						},
						subscription: {
							required: true
						},
						gender: {
							required: true,
						},
						agree: {
							required: true,
						}
					},
			
					messages: {
						email: {
							required: "Please provide a valid email.",
							email: "Please provide a valid email."
						},
						password: {
							required: "Please specify a password.",
							minlength: "Please specify a secure password."
						},
						state: "Please choose state",
						subscription: "Please choose at least one option",
						gender: "Please choose gender",
						agree: "Please accept our policy"
					},
			
			
					highlight: function (e) {
						$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
					},
			
					success: function (e) {
						$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
						$(e).remove();
					},
			
					errorPlacement: function (error, element) {
						if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) {
							var controls = element.closest('div[class*="col-"]');
							if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
							else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0));
						}
						else if(element.is('.select2')) {
							error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)'));
						}
						else if(element.is('.chosen-select')) {
							error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)'));
						}
						else error.insertAfter(element.parent());
					},
			
					submitHandler: function (form) {
					},
					invalidHandler: function (form) {
					}
				});
			
				
				
				
				$('#modal-wizard-container').ace_wizard();
				$('#modal-wizard .wizard-actions .btn[data-dismiss=modal]').removeAttr('disabled');
				
				*/
				
				
				
				/**
				$('#date').datepicker({autoclose:true}).on('changeDate', function(ev) {
					$(this).closest('form').validate().element($(this));
				});
				
				$('#mychosen').chosen().on('change', function(ev) {
					$(this).closest('form').validate().element($(this));
				});
				*/
				
				
				$(document).one('ajaxloadstart.page', function(e) {
					//in ajax mode, remove remaining elements before leaving page
					$('[class*=select2]').remove();
				});
			})
		</script>

        
        
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				$('#datepicker').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('#datepicker1').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('#datepicker2').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('#datepicker3').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('#datepicker4').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('#datepicker5').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('#popupdatepicker').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.datepicker').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.datepicker1').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.datepicker2').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.datepicker3').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.datepicker4').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.datepicker5').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.popupdatepicker').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.fromdate').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				$('.todate').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				
				
				
				$('.shelflife').blur(function() {
					
					var sl=$('.shelflife').val()*1;
					
					//alert(sl);
					
					var date2 = $('.popupdatepicker').datepicker('getDate', '+'+ sl +'d');
					date2.setDate(date2.getDate()+sl);
					$('.expirydate').datepicker('setDate', date2);
				});
			
			
			
			$('#date-timepicker1').datetimepicker({
				 
				 format: 'LT'
				 
				});
				
				
			$('#date-timepicker2').datetimepicker({
				 
				 format: 'LT'
				 
				});
			
				
			});
			
			
			
			
		</script>

		<!-- inline scripts related to this page -->

		<script type="text/javascript">

			jQuery(function($) {

				//initiate dataTables plugin

				var myTable = 

				$('#dynamic-table')

				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)

				.DataTable( {

					bAutoWidth: false,

					"aaSorting": [[0, "desc"]],

					

					//"bProcessing": true,

			        //"bServerSide": true,

			        //"sAjaxSource": "http://127.0.0.1/table.php"	,

			

					//,

					//"sScrollY": "200px",

					//"bPaginate": false,

			

					//"sScrollX": "100%",

					//"sScrollXInner": "120%",

					//"bScrollCollapse": true,

					//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"

					//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			

					//"iDisplayLength": 50

			

			

					select: {

						style: 'multi'

					}

			    } );
				
				
				
				
				var myTable1 = 

				$('#dynamic-table1')

				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)

				.DataTable( {

					bAutoWidth: false,

					"aaSorting": [[0, "desc"]],

					

					//"bProcessing": true,

			        //"bServerSide": true,

			        //"sAjaxSource": "http://127.0.0.1/table.php"	,

			

					//,

					//"sScrollY": "200px",

					//"bPaginate": false,

			

					//"sScrollX": "100%",

					//"sScrollXInner": "120%",

					//"bScrollCollapse": true,

					//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"

					//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			

					//"iDisplayLength": 50

			

			

					select: {

						style: 'multi'

					}

			    } );

			

				
				var myTable2 = 

				$('#dynamic-table2')

				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)

				.DataTable( {

					bAutoWidth: false,

					"aaSorting": [],

					

					//"bProcessing": true,

			        //"bServerSide": true,

			        //"sAjaxSource": "http://127.0.0.1/table.php"	,

			

					//,

					//"sScrollY": "200px",

					//"bPaginate": false,

			

					//"sScrollX": "100%",

					//"sScrollXInner": "120%",

					//"bScrollCollapse": true,

					//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"

					//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			

					//"iDisplayLength": 50

			

			

					select: {

						style: 'multi'

					}

			    } );
				
				
				
				
				var myTable3 = 

				$('#dynamic-table3')

				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)

				.DataTable( {

					bAutoWidth: false,

					"aaSorting": [],

					

					//"bProcessing": true,

			        //"bServerSide": true,

			        //"sAjaxSource": "http://127.0.0.1/table.php"	,

			

					//,

					//"sScrollY": "200px",

					//"bPaginate": false,

			

					//"sScrollX": "100%",

					//"sScrollXInner": "120%",

					//"bScrollCollapse": true,

					//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"

					//you may want to wrap the table inside a "div.dataTables_borderWrap" element

			

					//"iDisplayLength": 50

			

			

					select: {

						style: 'multi'

					}

			    } );
				

				

				$.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap';

				

				new $.fn.dataTable.Buttons( myTable, {

					buttons: [

					  {

						"extend": "colvis",

						"text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>",

						"className": "btn btn-white btn-primary btn-bold",

						columns: ':not(:first):not(:last)'

					  },

					  {

						"extend": "copy",

						"text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>",

						"className": "btn btn-white btn-primary btn-bold"

					  },

					  {

						"extend": "csv",

						"text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>",

						"className": "btn btn-white btn-primary btn-bold"

					  },

					  {

						"extend": "excel",

						"text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>",

						"className": "btn btn-white btn-primary btn-bold"

					  },

					  {

						"extend": "pdf",

						"text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>",

						"className": "btn btn-white btn-primary btn-bold"

					  }/*,

					  {

						"extend": "print",

						"text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>",

						"className": "btn btn-white btn-primary btn-bold",

						autoPrint: false,

						//columnDefs: [ { targets: -1, visible: false } ]

					  }	*/	  

					]

				} );

				myTable.buttons().container().appendTo( $('.tableTools-container') );

				

				//style the message box

				var defaultCopyAction = myTable.button(1).action();

				myTable.button(1).action(function (e, dt, button, config) {

					defaultCopyAction(e, dt, button, config);

					$('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white');

				});

				

				

				var defaultColvisAction = myTable.button(0).action();

				myTable.button(0).action(function (e, dt, button, config) {

					

					defaultColvisAction(e, dt, button, config);

					

					

					if($('.dt-button-collection > .dropdown-menu').length == 0) {

						$('.dt-button-collection')

						.wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />')

						.find('a').attr('href', '#').wrap("<li />")

					}

					$('.dt-button-collection').appendTo('.tableTools-container .dt-buttons')

				});

			

				////

			

				setTimeout(function() {

					$($('.tableTools-container')).find('a.dt-button').each(function() {

						var div = $(this).find(' > div').first();

						if(div.length == 1) div.tooltip({container: 'body', title: div.parent().text()});

						else $(this).tooltip({container: 'body', title: $(this).text()});

					});

				}, 500);

				

				

				

				

				
/*
				myTable.on( 'select', function ( e, dt, type, index ) {

					if ( type === 'row' ) {

						$( myTable.row( index ).node() ).find('input:checkbox').prop('checked', true);

					}

				} );

				myTable.on( 'deselect', function ( e, dt, type, index ) {

					if ( type === 'row' ) {

						$( myTable.row( index ).node() ).find('input:checkbox').prop('checked', false);

					}

				} );
*/
			

			

			

			

				/////////////////////////////////

				//table checkboxes

				/*$('th input[type=checkbox], td input[type=checkbox]').prop('checked', false);

				

				//select/deselect all rows according to table header checkbox

				$('#dynamic-table > thead > tr > th input[type=checkbox], #dynamic-table_wrapper input[type=checkbox]').eq(0).on('click', function(){

					var th_checked = this.checked;//checkbox inside "TH" table header

					

					$('#dynamic-table').find('tbody > tr').each(function(){

						var row = this;

						if(th_checked) myTable.row(row).select();

						else  myTable.row(row).deselect();

					});

				});

				

				//select/deselect a row when the checkbox is checked/unchecked

				$('#dynamic-table').on('click', 'td input[type=checkbox]' , function(){

					var row = $(this).closest('tr').get(0);

					if(this.checked) myTable.row(row).deselect();

					else myTable.row(row).select();

				});

			

			

			

				$(document).on('click', '#dynamic-table .dropdown-toggle', function(e) {

					e.stopImmediatePropagation();

					e.stopPropagation();

					e.preventDefault();

				});

				

				

				

				//And for the first simple table, which doesn't have TableTools or dataTables

				//select/deselect all rows according to table header checkbox

				var active_class = 'active';

				$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){

					var th_checked = this.checked;//checkbox inside "TH" table header

					

					$(this).closest('table').find('tbody > tr').each(function(){

						var row = this;

						if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);

						else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);

					});

				});

				

				//select/deselect a row when the checkbox is checked/unchecked

				$('#simple-table').on('click', 'td input[type=checkbox]' , function(){

					var $row = $(this).closest('tr');

					if($row.is('.detail-row ')) return;

					if(this.checked) $row.addClass(active_class);

					else $row.removeClass(active_class);

				});*/

			

				//checkboxes

			

				/********************************/

				//add tooltip for small view action buttons in dropdown menu

				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});

				

				//tooltip placement on right or left

				function tooltip_placement(context, source) {

					var $source = $(source);

					var $parent = $source.closest('table')

					var off1 = $parent.offset();

					var w1 = $parent.width();

			

					var off2 = $source.offset();

					//var w2 = $source.width();

			

					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';

					return 'left';

				}

				

				

				

				

				/***************/

				$('.show-details-btn').on('click', function(e) {

					e.preventDefault();

					$(this).closest('tr').next().toggleClass('open');

					$(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up');

				});

				/***************/

								

				/**

				//add horizontal scrollbars to a simple table

				$('#simple-table').css({'width':'2000px', 'max-width': 'none'}).wrap('<div style="width: 1000px;" />').parent().ace_scroll(

				  {

					horizontal: true,

					styleClass: 'scroll-top scroll-dark scroll-visible',//show the scrollbars on top(default is bottom)

					size: 2000,

					mouseWheelLock: true

				  }

				).css('padding-top', '12px');

				*/

			

			

			})

		</script>
	</body>
</html>

<?php

}


?>