<div class="row">
	<div class="col-md-12">
		<div class="margin-top-20">
			<div class="card">
				<div class="table-responsive">				
					<table class="table table-striped" id="items_table" border="0">
						<thead>
							<tr>
								<th colspan="7"> <%= t("views.right_panel.detail.from_date") %> : <%= @from.utc.getlocal.strftime("%Y-%b-%d") rescue '-' %>  - <%= t("views.right_panel.detail.to_date") %> : <%= @to.utc.getlocal.strftime("%Y-%b-%d")  rescue '-'%></th>
							</tr>
							<% if @shift_from %>
							<tr>
								<% if @shift_data.employee %>		
								<% cashier_name = !@shift_data.nil? ? @shift_data.employee.name : '-' %>
								<% end %>			
								<th colspan="7"> <%= t("views.right_panel.detail.shift_name") %> =  <%= @shift_from %> - <%= @shift_to %> ( <%= cashier_name %> )</th>
							</tr>
							<% end %>
							<tr>
								<th>&nbsp;</th>
								<th><%= t("views.right_panel.header.menu_category") %></th>
								<th><%= t("views.right_panel.detail.code") %></th>
								<th><%= t("views.right_panel.detail.product") %></th>
								<th><%= t("views.right_panel.detail.total") %> <%= t("views.right_panel.detail.item") %></th>
								<th><%= t("views.right_panel.detail.unit_price") %></th>
								<th><%= t("views.right_panel.detail.revenue") %></th>
							</tr>	
						</thead>
						<tbody>
							<% unless @sale_data.blank? %>
							<% acc_arr = Array.new %>
							<% cate_arr = Array.new %>	 

							<% sub_total = 0 %>
							<% other_sub_total = 0 %>
							<% count = 0 %>
							<% total_price = 0 %>
							<% cate_count = 0 %>
							<% acc_count = 0 %>
							<% grand_total = 0 %>
							<% total_qty = 0 %>
							<% total_amount = 0 %>
							<% discount = 0 %>
							<% total_item_foc = 0 %>
							<% total_item_dis = 0 %>

							<% @sale_data.each do |sale| %>

								<% if sale.total_item > 0
									total_qty += sale.total_item
								end %>

								<% if !acc_arr.include?(sale.account_id) %>
									<tr>
										<td><b><%= sale.account_name %></b></td>
										<td colspan="4">&nbsp;</td>
										<td><%= t("views.right_panel.detail.total_price_by") %> <%= sale.account_name %></td>
										<td>
											<% @totalByAccount.each do |account, total| %>
											<% if sale.account_id == account %>
											<b><%= total %></b>
											<% grand_total += total %>	  
											<% end %>
											<% end %>
										</td>
									</tr>
								   <% acc_arr.push(sale.account_id) %>
								<% end %>
								<tr>
									<td>&nbsp;</td>
									<% if !cate_arr.include?(sale.menu_category_id) %>	
									<td><%= sale.menu_category_name %></td>
									<% cate_arr.push(sale.menu_category_id) %>
									<% else %>
									<td>&nbsp;</td>
									<% end %>
									<td><%= sale.item_code rescue '-' %></td>
									<td><%= sale.product_name rescue '-' %></td>
									<td><%= sale.total_item rescue '-' %></td>
									<td><%= sale.unit_price rescue '-' %></td>
									<td><%= sale.grand_total rescue '-' %></td>
								</tr>
								<!-- sub total -->
								<% @menu_cate_count.each do |key,value| %>
								<% if sale.menu_category_id == key %>

								    <% count = count + 1 %>	
								    <% sub_total += sale.grand_total %>
									<% if count == value %>	
										<tr>
											<td colspan="5">&nbsp;</td>
											<td><%= t("views.right_panel.detail.sub_total") %></td>
											<td ><span class="underline"><%= sub_total %></span></td>
										</tr>
										<% if sale.status_type === "foc"
											total_item_foc += sale.grand_total 
										end %>	 

										<% if sale.status_type === "Discount"
											total_item_dis += sale.grand_total 
										end %>
										<% sub_total = 0.0%>
										<% count = 0%>
									<% end %>
							      <% end %>
							    <% end %>
							<!-- end sub total -->
							<% end %>
							<!--Other Charges -->
							<tr>
								<td><b>Other Charges</b></td>
								<td colspan="4">&nbsp;</td>
								<td></td>
							</tr>
							<% @other_charges.each do |other| %>
								<% if other.total_item > 0
									total_qty += other.total_item
								end %>
								<% grand_total +=other.grand_total%>
								<tr>
								<td>&nbsp;</td>
									<td>Other Charges</td>
									<td><%= other.item_code rescue '-' %></td>
									<td><%= other.product_name rescue '-' %></td>
									<td><%= other.total_item rescue '-' %></td>
									<td><%= other.unit_price rescue '-' %></td>
									<td><%= other.grand_total rescue '-' %></td>
								</tr>
								<!-- sub total -->
								
								    <% other_sub_total += other.grand_total %>
							    <!-- end sub total -->								
							<% end %>
							<tr>
								<td colspan="5">&nbsp;</td>
								<td><%= t("views.right_panel.detail.sub_total") %></td>
								<td ><span class="underline"><%= other_sub_total %></span></td>
							</tr>
							<!-- End Other Charges -->
							<tr style="border-top:2px solid grey;">
								<td colspan="3">&nbsp;</td>
								<td><%= t("views.right_panel.detail.total") %> <%= t("views.right_panel.detail.item") %></td>
								<td><span><%= total_qty%></span></td>
								<td><%= t("views.right_panel.detail.net_amount") %></td>
								<td><span><%= grand_total%></span></td> 
							</tr>
							<% end %>

							<tr>
								<td colspan="5">&nbsp;</td>
								<td><%= t("views.right_panel.detail.foc_item") %> <%= t("views.right_panel.detail.amount") %></td>
								<td><span><%= total_item_foc %></span></td>
							</tr>
							<tr>
								<td colspan="5">&nbsp;</td>
								<td><%= t("views.right_panel.detail.item_discount") %> <%= t("views.right_panel.detail.amount") %></td>
								<td><span><%= total_item_dis %></span></td>
							</tr>
							<tr>
								<td colspan="5">&nbsp;</td>
								<td><%= t("views.right_panel.detail.foc_sales") %></td>
								<td><span><%= @foc_data %></span></td>
							</tr>
							<tr>
								<td colspan="5">&nbsp;</td>
								<td><%= t("views.right_panel.detail.discount") %> <%= t("views.right_panel.detail.amount") %></td>
								<td><span><%= @discount_data %></span></td>
							</tr>		
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>