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 => false, :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>Shift Name</th>		
					<th>Void Amount</th>
					<th>Cash Payment</th>
					<th>Credit Charges</th>
					<th>Credit Payment</th>
					<th>FOC Payment</th>
					<th>Card 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_station_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_amount].to_f.to_d  rescue '-'%></td>
					  <td><%= sprintf "%.2f",result[:credit_amount].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[: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  - result[:rounding_adj].to_f %>	  
					  <td><%= sprintf "%.2f",grand_total.to_f.to_d  rescue '-'%></td>		  		  		  
			      </tr>
				  <% void += result[:void_amount].to_f %>
				  <% cash += result[:cash_amount].to_f %>
				  <% credit += result[:credit_amount].to_f %>
				  <% accept_credit += result[:accept_credit_amount].to_f %>	  
				  <% foc += result[:foc_amount].to_f %>	  
				  <% card += result[:card_amount].to_f %>	  
				  <% total += result[:grand_total].to_f %>	
				  <% rounding_adj += result[:rounding_adj].to_f %>  
				  <% g_total += grand_total.to_f %>

			    <% end %>

				<tr style="border-top: 3px solid grey;">
					<td colspan="2"></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 = [];   	
	var search = '<%= params[:period_type] %>';	
	if(search){
		if(parseInt(search) == 0){
			search_by_period();	
		}
		else{
			search_by_date();				
		}
	}else{
		search_by_period();		
	}
    $('#sel_period').change(function(){	   
	   search_by_period();	   
    });   
	function search_by_period(){
 	   var period = $('#sel_period').val();
 	   var period_type = 0;
 	   var from = "";
 	   var to = ""; 	
	}   
   
    $('#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){ 		   			   	
		   }
		   if(check_arr.length == 3){
			   check_arr = [];
		   }
	   }	   
   }    
});
</script>