<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= root_path %>"><%= t("views.right_panel.button.home") %></a></li>
    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.shift_sale_report") %></li>
    <span class="float-right">
      <%= link_to 'Back', dashboard_path %>
    </span>
  </ol>
</div>
<div class="row">
	<div class="col-md-12">

		<!-- <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="text-right">
					<a href="javascript:export_to('<%=reports_shiftsale_index_path%>.xls')" class = "btn btn-info wave-effects"><%= t("views.btn.exp_to_excel") %></a>
				</div>
			<!-- </div> -->
		<!-- </div> -->

		<div class="margin-top-20">
    <!-- <div class="span11">
		<div id="report_container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
	</div> -->
	<div class="card">
		<div class="table-responsive">
			<table class="table table-striped">
				<thead>
					<tr>
						<th colspan="7"> <%= t("views.right_panel.detail.from_date") %> : <%= @from.strftime("%Y-%b-%d") rescue '-' %>
							- <%= t("views.right_panel.detail.to_date") %> : <%= @to.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><%= t("views.right_panel.detail.cashier_station") %></th>
						<th><%= t :cashier %></th>
						<th><%= t("views.right_panel.detail.shift_name") %></th>
						<!-- <th>Void Amount</th> -->
						<th><%= t("views.right_panel.detail.cash_payment") %></th>
						<!-- <th>Credit Charges</th> -->
						<th><%= t("views.right_panel.detail.credit_payment") %></th>
						<th class="d-none d-sm-table-cell"><%= t("views.btn.other_payment") %></th>
                    	<th class="d-none d-sm-table-cell"><%= t("views.btn.mmqr_payment") %></th>
						<th class="d-none d-sm-table-cell"><%= t("views.btn.foc") %> <%= t :payment %></th>
					<!-- <th>Grand Total
					<br/>Rounding Adj</th> -->


					<!-- <th>Grand Total
					<br/>Rounding Adj</th> -->

					<!-- <th>Rounding Adj</th> -->
					<th><%= t("views.right_panel.detail.grand_total") %></th>
          <th>Action</th>
				</tr>
			</thead>
			<tbody>
				<% void = 0%>
				<% cash = 0%>
				<% credit = 0%>
				<% accept_credit = 0%>
				<% foc = 0%>
				<% mmqr = 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] ? result[:shift_closed_at].strftime("%e %b %I:%M%p") : '-'  %>
						</td>
						<!-- <td style='color:red;'>(<%= sprintf "%.2f",result.void_amount.to_f.to_d  rescue '-'%>)</td> -->
						<td><%= number_format(result[:cash_sales].to_f,  precision:precision.to_i,delimiter:delimiter) %></td>
						<td><%= number_format(result[:credit_sales].to_f,  precision:precision.to_i,delimiter:delimiter) 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 class="d-none d-sm-table-cell"><%= number_format(result[:other_sales].to_f,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></td>
                        <td class="d-none d-sm-table-cell"><%= number_format(result[:mmqr_sales].to_f,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></td>
						<td class="d-none d-sm-table-cell">
						 	<%= number_format(result[:foc_sales].to_f,  precision:precision.to_i,delimiter:delimiter) rescue '-'%>
						</td>
						<td><%= number_format(result[:grand_total].to_f,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></td>
            <td>
               <%= link_to "Print", reports_get_shift_id_path(result[:shift_id].to_i), class:"btn btn-info wave-effects" %>
            </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 %>
					<% foc += result[:foc_sales].to_f %>
                    <% mmqr += result[:mmqr_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><%= number_format(cash,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></b></td>
						<td><b><%= number_format(credit,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></b></td>
						<!-- <td><b><%= sprintf("%.2f",accept_credit)  rescue '-'%></b></td> -->
						<!-- <td><b><%= sprintf("%.2f",foc)  rescue '-'%></b></td> -->
						<td class="d-none d-sm-table-cell"><b><%= number_format(card,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></b></td>
                        <td class="d-none d-sm-table-cell"><b><%= number_format(mmqr,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></b></td>
						<td class="d-none d-sm-table-cell"><b><%= number_format(foc,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></b></td>
						<!-- <td><b><%= sprintf("%.2f",total)  rescue '-'%></b></td> -->
						<!-- <td><b><%= sprintf("%.2f",rounding_adj)  rescue '-'%></b></td> -->
						<td><b><%= number_format(g_total,  precision:precision.to_i,delimiter:delimiter) rescue '-'%></b></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
<script>

  $(document).ready(function(){
  	$('#close_cashier').on('click',function(){
  	  window.location.href = '/origami/shift/close';
  	})
  })

	$(function(){

		var check_arr = [];
		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 = "";

			show_shift_name(period,period_type,from,to,'shift_item');
		}

		// OK button is clicked
		$('#from').bootstrapMaterialDatePicker().on('beforeChange', function(e, date){
			new_date = new Date(date) ;
			month    = parseInt(new_date.getMonth()+1)
			from = new_date.getDate() + "-" + month + "-" + new_date.getFullYear();
			$('#from').val(from)
			search_by_date();
		});
		$('#to').bootstrapMaterialDatePicker().on('beforeChange', function(e, date){
			new_date = new Date(date) ;
			month    = parseInt(new_date.getMonth()+1)
			to = new_date.getDate() + "-" + month + "-" + new_date.getFullYear();
			$('#to').val(to)
			search_by_date();
		});

		function search_by_date(){

			from = $("#from").val();
	  		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');
			if (from == '' && to == '') {
				from = $("#from").val();
	  		    to   = $("#to").val();
			}
			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>
