<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->
       
		<style type="text/css">
			.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
			    background-color: #428bca;
			    border-color: #357ebd;
			    border-top: 1px solid #357ebd;
			    color: white;
			    text-align: center;
			}

		</style>
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
	<!-- end: HEAD -->
	<!-- start: BODY -->
	<body>
		<!-- start: HEADER -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<!-- start: TOP NAVIGATION CONTAINER -->
			<div class="container">
				<div class="navbar-header">
					<!-- start: RESPONSIVE MENU TOGGLER -->
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="clip-list-2"></span>
					</button>
					<!-- end: RESPONSIVE MENU TOGGLER -->
					<!-- start: LOGO -->
					<?php $this->load->view("common/logo"); ?>
					<!-- end: LOGO -->
				</div>
				<div class="navbar-tools">
					<!-- start: TOP NAVIGATION MENU -->
				<?php $this->load->view("common/notifications.php"); ?>
					<!-- end: TOP NAVIGATION MENU -->
				</div>
			</div>
			<!-- end: TOP NAVIGATION CONTAINER -->
		</div>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<div class="navbar-content">
				<!-- start: SIDEBAR -->
				<?php $this->load->view("common/navigation"); ?>
				<!-- end: SIDEBAR -->
			</div>
			<!-- start: PAGE -->
			<div class="main-content">
				<!-- end: SPANEL CONFIGURATION MODAL FORM -->
				<div class="container">
					<!-- start: PAGE HEADER -->
					<div class="row">
						<div class="col-sm-12">
							<!-- start: PAGE TITLE & BREADCRUMB -->
							<ol class="breadcrumb">
                            	<li>
									<a href="<?php echo base_url('dashboard'); ?>">
										 Dashboard 
									</a>
								</li>
								<li class="active">
									List Hardware Sales
								</li>
								<li class="search-box">
									<form class="sidebar-search">
										<div class="form-group">
											<input type="text" placeholder="Start Searching...">
											<button class="submit">
												<i class="clip-search-3"></i>
											</button>
										</div>
									</form>
								</li>
							</ol>
							<div class="page-header">
								<h1>Store Notes</h1>
							</div>

                            <p>Please use the table below to navigate or filter the results. </p>
						</div>
					</div>
					<!--<div class="modal-footer" style="margin-bottom:10px;">
                  
                  <div class="form-group">
                    <label>Vehicle *</label>
                      <select  id="vehicle_id" class="form-control" name="vehicle_id">
                        <option>-Select-</option>
                        <?php 						
						foreach ($vehicle_list as $vh)
							{
								$select="";
								if($vh['vehicle_id']==$row['vhicle_id']){
									$select="selected";
								}
							?>
                        <option  <?php echo $select;?> value="<?php echo $vh['vehicle_id'];?>"><?php echo $vh['vehicle_name'];?></option>
                        <?php }  ?>
                    </select>
                </div>
                  
                  <a onClick="sales_rep_details_print_2()" class="btn btn-info pull-right"> Print Loading Sheet </a>
                  
                </div>-->
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->
                    <div class="row">
						<div class="col-md-12">
							<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Sales
                                    <div class="panel-tools" style="top:2px;">
												<button class="btn btn-blue dropdown-toggle" data-toggle="dropdown">
													<i class="clip-list-5"></i> Add New
												</button>
												<ul class="dropdown-menu dropdown-light pull-right">
														<li>
															<a id="" data-toggle="modal" href="<?php echo base_url('bar'); ?>">
																<i class="fa fa-plus"></i> Add Sales
															</a>
														</li>
														
													</ul>
												</div>
								</div>
								</div>
								
								
								<div class="col-sm-12">
                                  <div class="col-sm-2">
                                      <div class="form-group">
                                    <label>Warehouse * </label>
                                    <select id="warehouse_id" class="form-control search-select" name="warehouse_id" onChange="loadGrid()" >
                                      <!--	<option value="">-- Select Warehouse --</option>-->
                                      <?php 
										    $ss_warehouse_id=$this->session->userdata('ss_warehouse_id'); 
                                            foreach ($warehouse_list as $row)
                                            {
                                                /*if($this->session->userdata('ss_group_id')>2){
                                                    if($ss_warehouse_id==$row->id){
                                                        }else{
                                                        continue;
                                                    }
                                                }*/
											    $sel='';
											    if($ss_warehouse_id==$row->id)
											    {
												        $sel=' selected="selected"';
											    }
                                          ?>
                                      <option value="<?php echo $row->id; ?>"> <?php echo $row->name; ?> </option>
                                      <?php }?>
                                    </select>
                                  </div>
                                  </div>
                                </div>
								
								
							  <div class="panel-body">
							    <div id="error"></div>
								  <table class="table table-bordered table-condensed table-hover table-striped dataTable" id="warehouse_table">
									  <thead>
							            <tr>
                                    <th>Date</th>
                                    <th>Stn Code</th>
                                    <th>Stn No</th>
                                    <th>Invoice No</th>
									<th>Sale Total</th>
                                    <th>Customer</th>
                                    <th>Address</th>
                                    <th>TP NO</th>
                                   <th>Status</th>
									<!--<th>&nbsp;</th>-->
									<!--<th>&nbsp;</th>-->
									<!--<th>Paid</th>-->
         <!--                           <th>Balance</th>-->
         <!--                           <th>Payment Status</th>-->
                                    <th>Action</th>
                                    </tr>
								           
						          </table>
								</div>
							</div>
							<!-- end: DYNAMIC TABLE PANEL -->
						</div>
					</div>

                    <!-- end grid -->
                    
					
			</div>
			<!-- end: PAGE -->
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<div class="footer clearfix">
			<div class="footer-inner">
				2014 &copy; clip-one by cliptheme.
			</div>
			<div class="footer-items">
				<span class="go-top"><i class="clip-chevron-up"></i></span>
			</div>
		</div>
		<!-- end: FOOTER -->
		<!-- start: RIGHT SIDEBAR -->
		<!-- end: RIGHT SIDEBAR -->
		<div id="event-management" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title">Event Management</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-light-grey">
							Close
						</button>
						<button type="button" class="btn btn-danger remove-event no-display">
							<i class='fa fa-trash-o'></i> Delete Event
						</button>
						<button type='submit' class='btn btn-success save-event'>
							<i class='fa fa-check'></i> Save
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- start ajax model -->
		<div id="ajax-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" style="display: none;"></div>
		<!-- end ajax model -->

		<!-- start: MAIN JAVASCRIPTS -->
		<?php $this->load->view("common/footer"); ?>
		<!-- end: MAIN JAVASCRIPTS -->
		<script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/dataTables.bootstrap.min.js"></script>
        
         <script type="text/javascript" src="<?php echo asset_url(); ?>js/accounting.js"></script>
        <script type="text/javascript" src="<?php echo asset_url(); ?>js/accounting.min.js"></script>
        <script type="text/javascript" src="<?php echo asset_url(); ?>js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="<?php echo asset_url(); ?>js/dataTables.bootstrap.min.js"></script>
          
        <script>
			jQuery(document).ready(function() {
				//TableData.init();
				loadGrid();
				$( ".search-select" ).select2();
			});


			function loadGrid() {
			    var warehouse_id = $('#warehouse_id').val();
					    $('#warehouse_table').DataTable({
					        "ajax": {
                                "url": "<?php echo base_url('store_notes/list_stn') ?>",
                                "data": {
                                    "warehouse_id": warehouse_id
                                },
                                "type": "POST"
                              },
                              "columnDefs": [
                                  {
                                      "targets": [ 4 ],
                                      "visible": false,
                                        "searchable": false
                                    }
                                ],
					        "bDestroy": true,
							"serverSide": true,
					        "iDisplayLength": 20,
							"order": [[ 0, "desc" ]], "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {
							    /*
                                var pq = 0, sq = 0, bq = 0, pa = 0, grand_tot = 0, tech_tot = 0, parts_tot=0 , ser_tot=0;
                    			//alert(aaData.length);
                    			var ser_tot3=0;
                    			var ser_tot2=0;
                    			var ser_tot1=0;
                    			var ser_tot4=0;
                    			//var sales_rtn=0;
                                for (var i = 0; i < aaData.length; i++) {
                    				//alert(aaData[[i]][5]);
                                   // p = (aaData[aiDisplay[i]][2]).split('__');
                    				ser_tot1 += parseFloat(aaData[[i]][3]);
                    				ser_tot2 += parseFloat(aaData[[i]][4]);
                    				ser_tot3 += parseFloat(aaData[[i]][5]);	
                                }
                                var nCells = nRow.getElementsByTagName('th');
                    			nCells[3].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot1, "", 2, ",", ".")+' </div>';
                    			
                    			
                    			nCells[4].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot2, "", 2, ",", ".")+' </div>';
                    			nCells[5].innerHTML = '<div class="text-right">'+accounting.formatMoney(ser_tot3, "", 2, ",", ".")+' </div>';
                    			
                    			var sales_rtn_tot_cost=ser_tot1;
                    			var sales_rtn_tot_val=ser_tot2;
                    			$('#sales-rtn-cost-fld').val(accounting.formatMoney(sales_rtn_tot_cost, "", 2, ",", "."));
                    			$('#sales-rtn-val-fld').val(accounting.formatMoney(sales_rtn_tot_val, "", 2, ",", "."));
                    			$('#sales-rtn-cost-tbl').text(accounting.formatMoney(sales_rtn_tot_cost, "", 2, ",", "."));
                    			$('#sales-rtn-val-tbl').text(accounting.formatMoney(sales_rtn_tot_val, "", 2, ",", "."));
                    			*/
                                }
					    });
			}
					
function click_sales_view_btn(sale_id){	
	var $modal = $('#ajax-modal');
	 $('body').modalmanager('loading');
			setTimeout(function () {
				$modal.load('<?php echo base_url("sales/sale_details?sale_id="); ?>'+sale_id, '', function () {
					$modal.modal();
					$(".search-select").select2({
				            placeholder: "Select a State",
				            allowClear: true
				        });
				});
			}, 1000);
}


function fbs_click(id) {
	u=location.href;
	t=document.title;
	window.open('store_notes/print?stn_id='+id,'stn','toolbar=0,status=0,width=626,height=700, left=10, top=10,scrollbars=yes');return false;
	

}

function sales_rep_details_print_2()
{
    var id = $('#vehicle_id').val();
	u=location.href;
	t=document.title;
	window.open('<?php echo base_url().'hw_delivery/print_delivary_sheet/'?>'+id,'sharer','toolbar=0,status=0,width=700,height=700, left=10, top=10,scrollbars=yes');return false;
}
		</script>

     
	</body>
	<!-- end: BODY -->
</html>