sx-fc/app/views/reports/shiftsale/index.html.erb

<div class="page-header">
 <ul class="breadcrumb">
  <li><a href="<%= dashboard_path %>">Home</a></li>
  <li>Shift Sale Report</li>
 </ul>
</div>

<div class="container">
    <%= render :partial=>'shift_sale_report_filter',
    		   :locals=>{ 	:period_type => true, :shift_name => true, :report_path =>reports_shiftsale_index_path} %>
	<hr />
</div>

<div class="container">
	<div class="row">
		<div class="col-md-12 text-right">
			<a href="javascript:export_to('<%=reports_shiftsale_index_path%>.xls')" class = "btn btn-default">Export to Excel</a>
		</div>	  			
	</div>
</div>

<div class="container margin-top-20">
    <!-- <div class="span11">
		<div id="report_container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
	</div> -->
	<div class="card row">
	    <div class="table-responsive">
			<table class="table table-striped">
			  <thead>
				<% if params[:from]%>
			    <tr>
			        <th colspan="7">From Date : <%= params[:from]  rescue '-'%> ,To Date : <%= params[:to]  rescue '-'%></th>
				</tr>
				<% end %>
					  
			    <tr>
					<th>Cashier Station</th>
					<th>Cashier Name</th>
			        <th>Shift Name</th>		
					<!-- <th>Void Amount</th> -->
					<th>Cash Payment</th>
					<!-- <th>Credit Charges</th> -->
					<th>Credit Payment</th>
					<!-- <th>FOC Payment</th> -->
					<th>Other Payment</th>
					<!-- <th>Grand Total 
						<br/>Rounding Adj</th> -->						
					<!-- <th>Rounding Adj</th> -->
					<th>Grand Total</th>		
			    </tr>
			  </thead>
			  <tbody>
				  <% void = 0%>	  
				  <% cash = 0%>	  
				  <% credit = 0%>	  
				  <% accept_credit = 0%>	  
				  <% foc = 0%>	  
				  <% card = 0%>
			  	  <% total = 0%> 
			  	  <% rounding_adj = 0%> 
			  	  <% g_total = 0 %>

			    <% @sale_data.each do |result|%>
			        <tr>
			  		  <td>
			  			  <%= result.cashier_terminal.name  rescue '-'%>
			  		  </td>
			  		  <td>
			  			  <%= result.employee.name  rescue '-'%>
			  		  </td>
				  	  <td><%= result.shift_started_at.strftime("%e %b %I:%M%p") rescue '-' %> -  
						  <%= result.shift_closed_at.strftime("%e %b %I:%M%p") rescue '-'  %>
					  </td>
					  <!-- <td style='color:red;'>(<%= sprintf "%.2f",result.void_amount.to_f.to_d  rescue '-'%>)</td> -->
					  <td><%= sprintf "%.2f",result.cash_sales.to_f.to_d  rescue '-'%></td>
					  <td><%= sprintf "%.2f",result.credit_sales.to_f.to_d  rescue '-'%></td>
					  <!-- <td><%= sprintf "%.2f",result.accept_credit_amount.to_f.to_d  rescue '-'%></td> -->
					  <!-- <td><%= sprintf "%.2f",result.foc_amount.to_f.to_d  rescue '-'%></td>
					  <td><%= sprintf "%.2f",result.card_amount.to_f.to_d  rescue '-'%></td> -->	
					  <td><%= sprintf "%.2f",result.other_sales.to_f.to_d  rescue '-'%></td>	  		  
					  <td><%= sprintf "%.2f",result.grand_total.to_f.to_d  rescue '-'%></td>	

					 <!--  <td><%= sprintf "%.2f",result.rounding_adj.to_f.to_d  rescue '-'%></td>	 -->
					  <% grand_total = result.grand_total.to_f %>	  
					  <td><%= sprintf "%.2f",grand_tota.to_f.to_d  rescue '-'%></td>		  		  		  
			      </tr>
				  <% cash += result.cash_sales.to_f %>
				  <% credit += result.credit_sales.to_f %>
				  <% card += result.other_sales.to_f %>	
				 
				  <% total += result.grand_total.to_f %>	
				  <% g_total += grand_total.to_f %>

			    <% end %>

				<tr style="border-top: 3px solid grey;">
					<td colspan="3"></td>
					<!-- <td style='color:red;'><b>(<%= sprintf("%.2f",void)  rescue '-'%>)</b></td> -->
					<td><b><%= sprintf("%.2f",cash)  rescue '-'%></b></td>
					<td><b><%= sprintf("%.2f",credit)  rescue '-'%></b></td>
					<!-- <td><b><%= sprintf("%.2f",accept_credit)  rescue '-'%></b></td> -->
					<!-- <td><b><%= sprintf("%.2f",foc)  rescue '-'%></b></td> -->
					<td><b><%= sprintf("%.2f",card)  rescue '-'%></b></td>
					<!-- <td><b><%= sprintf("%.2f",total)  rescue '-'%></b></td> -->
					<!-- <td><b><%= sprintf("%.2f",rounding_adj)  rescue '-'%></b></td> -->	
					<td><b><%= sprintf("%.2f",g_total)  rescue '-'%></b></td>				
				</tr>
			  </tbody>
			</table>
		</div>
	</div>
</div>
<script>
	$(function(){

		var check_arr = [];

		$('#sel_period').change(function(){
			
			search_by_period();
			
		});
		
		function search_by_period(){
			var period = $('#sel_period').val();
			var period_type = 0;
			var from = "";
			var to = "";

			show_shift_name(period,period_type,from,to,'shift_item');	
		}   
		
		$('#from').change(function(){
			search_by_date();	   
		});
		
		$('#to').change(function(){
			search_by_date();
		});   
		
		function search_by_date(){
			var from = $('#from').val();
			var to = $('#to').val();
			var period = 0;
			var period_type = 1;	   

			if(to != '' && from != ''){
				shift_name = from + ',' + to;

				check_arr.push(to);
				
				console.log(check_arr.length)
				if(check_arr.length == 1){
					show_shift_name(period,period_type,from,to,'shift_item');	   	
				}
				if(check_arr.length == 3){
					check_arr = [];
				}
			}
			
		}
		
		function show_shift_name(period,period_type,from,to,shift_item){
			var shift = $('#shift_name');
			
			shift.empty();
			
			var str = '';
			var param_shift = '';	   
			var param_shift = '<%= params[:shift_name] rescue '-'%>';

			url = '<%= reports_get_shift_by_date_path %>';
			
			$.get(url, {period :period, period_type :period_type, from :from, to :to, report_type :shift_item} , function(data){

				str = '<option value="0">--- All Shift ---</option>';
				$(data.message).each(function(index){	
					
					var local_date = data.message[index].local_opening_date + ' - ' + data.message[index].local_closing_date;
					var sh_date = data.message[index].opening_date + ' - ' + data.message[index].closing_date;
					var shift_id = data.message[index].shift_id ;
					if(param_shift != ''){
						if(shift_id == param_shift){
							selected = 'selected = "selected"';
						}
						else{
							selected = '';			   
						}			   	
					}else{
						selected = '';			   
					}		   			   
					str += '<option value="'+ shift_id +'" '+ selected +'>' + local_date + '</option>';
					
			   // console.log(sh_date)
			}) 
				shift.append(str);
			});
		}

	});
</script>