<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
    <li class="breadcrumb-item"><a href="<%= transactions_sales_path %>"><%= t :sale %></a></li>
    <li class="breadcrumb-item active"><%= t :details %></li>
    <span class="float-right">
      <%= link_to 'Back', transactions_sales_path %>
    </span>
  </ol>
</div>
<div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12">
  <!-- Column One -->

    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
      <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#queue" role="tab"><%= t :sale_details %> </a>
      </li>
      <li class="nav-item">
        <a class="nav-link " data-toggle="tab" href="#booking" role="tab"><%= t :order_details %></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#customer" role="tab"><%= t :customer_details %></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#sale_audit" role="tab"><%= t :sale_audits %></a>
      </li>
    </ul>
    <!-- Nav tabs - End -->

    <div class="tab-content" style="min-height:670px; max-height:670px;">

      <div class="tab-pane active" id="queue" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:">
        <div class="table-responsive">
          <table class="table table-striped">
            <thead>
              <tr>
                <th><%= t("views.right_panel.detail.receipt_date") %></th>
                <th><%= t("views.right_panel.detail.receipt_no") %></th>
                <th><%= t :cashier %></th>
                <th><%= t("views.right_panel.detail.sales_status") %></th>
                <th><%= t("views.right_panel.detail.receipt_generated_at") %></th>
                <% if @sale["sale_status"] == "completed" %>
                  <th>
                    <button type="button" class="btn btn-block bg-blue waves-effect" data-toggle="modal" data-target="#voidModal" <%= (can? :overall_void, :void)? ' ': 'disabled=' %> > Void</button>
                  </th>
                <% end %>  
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><%= @sale.receipt_date.strftime("%d-%M-%Y") %></td>
                <td><%= @sale.receipt_no %></td>
                <td><%= @sale.cashier_name rescue '-' %></td>
                <td><%= @sale.sale_status %> </td>
                <td colspan="2"> <%= @sale.requested_at.strftime("%m-%d-%Y %H:%M %p") %> </td>
              </tr> 
              <tr style="border-top:2px solid #000">
                <th><%= t :sale %> <%= t("views.right_panel.detail.item_txt") %> <%= t("views.right_panel.detail.name_txt2") %></th>
                <th><%= t("views.right_panel.detail.qty") %></th>
                <th><%= t("views.right_panel.detail.unit_price") %></th>
                <th><%= t("views.right_panel.detail.total_price") %></th>
                <th><%= t("views.right_panel.detail.created_at") %></th>
                <th><%= t("views.right_panel.detail.remark") %></th>
              </tr>   
              <% @sale.sale_items.each do |s| %>
                <tr>
                  <td><%=s.product_name rescue ' '%></td>
                  <td><%=s.qty rescue ' '%></td>
                  <td><%= number_with_precision(s.unit_price, :precision => 2, :delimiter => ',') rescue ' '%></td>
                  <td><%= number_with_precision(s.price, :precision => 2, :delimiter => ',') rescue ' '%></td>  
                  <td><%=l s.created_at.utc.getlocal , :format => :short rescue ' ' %></td>
                  <td><%=s.remark rescue ' '%></td>
                </tr>
              <% end %>  
              <tr style="border-top:2px solid #000">
                <td colspan=2 style="text-align:center"></td>
                <td><%= t("views.right_panel.detail.total") %></td>    
                <td colspan="3"><%= number_with_precision(@sale.total_amount, :precision => 2, :delimiter => ',') rescue ' '%></td>
              </tr>
              <tr>
                <td colspan=2 style="text-align:center"></td>
                <td><%= t("views.right_panel.detail.discount") %></td>
                <td colspan="3"><%= number_with_precision(@sale.total_discount, :precision => 2, :delimiter => ',') rescue ' '%></td>
              </tr>
              <% @sale.sale_taxes.each do |r|%>
                <tr>
                  <td colspan=2 style="text-align:center"></td>
                  <td><%= r.tax_name %> </td>    
                  <td colspan="3"><%= number_with_precision(r.tax_payable_amount, :precision => 2, :delimiter => ',') rescue ' '%></td>
                </tr>
              <% end %> 
              <tr>
                <td colspan=2 style="text-align:center"></td>
                <td><%= t("views.right_panel.detail.grand_total") %></td>
                <td colspan="3"><%= number_with_precision(@sale.grand_total, :precision => 2, :delimiter => ',') rescue ' '%></td>
              </tr>
              <tr><td colspan="5">&nbsp;<td></tr>
              <tr>
                <td colspan=2 style="text-align:center"></td>
                <td><%= t("views.right_panel.detail.total_pay_amount") %></td>
                <td colspan="3"><%= number_with_precision(@sale.amount_received, :precision => 2, :delimiter => ',') rescue ' '%></td>
              </tr>
              <% @sale_receivables.each do |r|%>
                <tr>
                  <td colspan=2 style="text-align:center"></td>
                  <td> <%= r.payment_method.capitalize rescue ' '%> Payment</td>
                  <td colspan="3"><%= number_with_precision(r.payment_amount, :precision => 2, :delimiter => ',') rescue ' '%></td>
                </tr> 
              <% end %> 
              <tr>
                <td colspan=2 style="text-align:center"></td>
                <td><%= t("views.right_panel.detail.change") %></td>
                <td colspan="3"><%= number_with_precision(@sale.amount_changed, :precision => 2, :delimiter => ',') rescue ' '%></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="tab-pane" id="booking" role="tabpanel">
        <div class="table-responsive">
          <table class="table table-striped">
            <thead>
              <tr>
                <th><%= t("views.right_panel.detail.order_id") %></th>
                <th><%= t("views.right_panel.header.menu_item") %></th>
                <th><%= t("views.right_panel.detail.qty") %></th>
                <th><%= t("views.right_panel.detail.unit_price") %></th>
                <th><%= t("views.right_panel.detail.option") %></th>
                <th><%= t("views.right_panel.detail.status") %></th>
                <th><%= t("views.right_panel.detail.waiter") %></th>
                <th><%= t("views.right_panel.detail.created_at") %></th>
              </tr>
            </thead>
            <tbody>
              <% @order_items.each do |order_item| %>
                <tr>
                  <td><%= link_to order_item.order_id, transactions_order_path(order_item.order_id) %><%=  %></td>
                  <td><%= order_item.item_name %></td>
                  <td><%= order_item.qty %></td>
                  <td><%= order_item.price %></td>
                  <td><%= order_item.options %></td>
                  <td><%= order_item.order_item_status %></td>
                  <td><%= order_item.item_order_by %> </td>
                  <td><%= order_item.created_at.strftime("%d-%m-%y %I:%M %p") %></td>
                </tr>
              <% end %>
            </tbody>
          </table>
        </div>
      </div>
      <div class="tab-pane" id="customer" role="tabpanel">
        <br>
        <div class="table-responsive">
          <table class="table table-striped">
            <thead>
              <tr>
                <th><%= t("views.right_panel.detail.card_no") %></th>
                <th><%= t("views.right_panel.detail.name") %></th>
                <th><%= t("views.right_panel.detail.company") %></th>
                <th><%= t("views.right_panel.detail.contact_no") %></th>
                <th><%= t("views.right_panel.detail.email") %></th>
                <th><%= t("views.right_panel.detail.nrc_passport_no") %></th>
                <th><%= t("views.right_panel.detail.address") %></th>
                <th><%= t("views.right_panel.detail.dob") %></th>
              </tr>
            </thead>

            <tbody>
              <tr>
                <td><%= @customer.card_no rescue '-'%></td>
                <td><%= @customer.name %></td>
                <td><%= @customer.company rescue '-' %></td>
                <td><%= @customer.contact_no %></td>
                <td><%= @customer.email %></td>
                <td><%= @customer.nrc_no %></td>
                <td><%= @customer.address%></td>
                <td><%= @customer.date_of_birth %></td>
              </tr>
              <tr><td></td></tr>
              <% if @customer.membership_id %>
                <tr>
                  <th colspan="8"><%= t("views.right_panel.detail.membership_transactions") %></th>
                </tr>
                <tr>
                  <th><%= t("views.right_panel.detail.date") %></th>
                  <th><%= t("views.right_panel.detail.redeem") %></th>
                  <th><%= t("views.right_panel.detail.rebate") %></th>
                  <th><%= t("views.right_panel.detail.balance") %></th>
                  <th><%= t("views.right_panel.detail.from_account") %></th>
                  <th><%= t("views.right_panel.detail.status") %></th>
                  <th><%= t("views.right_panel.detail.receipt_no") %></th>
                  <th></th>
                </tr>
                    
                <% if @response["status"] == true %>
                  <% @response["data"].each do |transaction| %>
                    <tr>
                      <td><%= transaction["date"]%></td>
                      <td><%= transaction["redeem"]%></td>
                      <td><%= transaction["rebate"] %></td>
                      <td><%= transaction["balance"] %></td>
                      <td><%= transaction["account_status"] %></td> 
                      <td><%= transaction["status"] %></td>
                      <td><%= transaction["receipt_no"] %></td>
                      <td></td>
                    </tr>
                  <% end %>
                <% end %>
              <% end %>
            </tbody>
          </table>
        </div>
      </div>

      <div class="tab-pane" id="sale_audit" role="tabpanel">
        <br>
        <div class="table-responsive">
          <table class="table table-striped">
            <thead>
              <tr>
                <th><%= t("views.right_panel.detail.action") %></th>
                <th><%= t("views.right_panel.detail.action_at") %></th>
                <th><%= t("views.right_panel.detail.approved_at") %></th>
                <th><%= t("views.right_panel.detail.remark") %></th>
              </tr>
            </thead>
            <tbody>         
              <% @sale_audits.each do |audit| %>
                <tr>
                  <td><%= audit.action%></td>
                  <td><%=  audit.action_at.strftime("%m-%d-%Y %H:%M %p")%></td>
                  <td><%=  audit.approved_by%></td>
                  <td><%= audit.remark%></td>     
                </tr>
              <% end %>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="voidModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="voidModalLabel">Please Enter Reason for Void</h4>
      </div>
      <div class="modal-body">
         <input type="textarea" name="remark" class="form-control col-md-12 remark" id="remark">
      </div>
      <div class="modal-footer ">
        <div class="row p-r-20">
          <div class="col-md-5">
            <button type="button" class="btn btn-link bg-red waves-effect " id="void" active="true">VOID</button>
          </div>
          <div class="col-md-5">
            <button type="button" class="btn btn-link bg-blue waves-effect" data-dismiss="modal">CLOSE</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
  $('#void').on('click', function () {
       var access_code  = localStorage.getItem("access_code");
      if ($(this).attr('active')=== "true") {
        swal({
            title: "Alert",
            text: "Are you sure want to Void?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, void it!",
            closeOnConfirm: false
        }, function (isConfirm) {
          if (isConfirm) {
            var sale_id = "<%= @sale.sale_id %>"
            console.log(sale_id)
            var ajax_url = "/transactions/sales/" + sale_id + '/cashier/void';
            var remark  = $("#remark").val();

            $.ajax({
                type: 'POST',
                url: ajax_url,
                data: "remark="+ remark + "&sale_id=" + sale_id+ "&access_code=" + access_code,
                success: function (result) {
                   // For Server Print - from jade
                if ($("#server_mode").val() == "cloud") {
                  code2lab.printFile(result.filepath.substr(6), result.printer_url);
                }
                window.location.href = '/transactions/sales/';
                }
            });
          }
        }); 
      }else{
        swal("Opps","You are not authorized for void","warning")
      }
    });
</script>

