176 lines
6.4 KiB
Plaintext
176 lines
6.4 KiB
Plaintext
|
|
<div class="row">
|
|
<div class="col-lg-5 col-md-5 col-sm-3">
|
|
<div class="card" >
|
|
<div class="card-header">
|
|
<div id="order-title">
|
|
<span><strong>Receipt No</strong> <% if @sale_data%>- <%=@sale_data.receipt_no%><% end %></span>
|
|
<span><strong>Table No</strong> <% if @sale_data%>- <%=@sale_data.receipt_no%><% end %></span>
|
|
</div>
|
|
</div>
|
|
<div class="card-block">
|
|
<div class="card-title">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:60%; text-align:left">Items</th>
|
|
<th style="width:20%; text-align:right">QTY</td>
|
|
<th style="width:20%; text-align:right">Price</td>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll">
|
|
<table class="table" id="append-table">
|
|
<tbody>
|
|
<% sub_total = 0 %>
|
|
<% @sale_data.sale_items.each do |sale_item| %>
|
|
<% sub_total += sale_item.qty*sale_item.unit_price%>
|
|
<tr>
|
|
<td style="width:60%; text-align:left">
|
|
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
|
</td>
|
|
<td style="width:20%; text-align:right">
|
|
<span id="item-qty"><%=sale_item.qty%></span>
|
|
</td>
|
|
<td style="width:20%; text-align:right">
|
|
<span id="item-total-price"><%=(sale_item.qty*sale_item.unit_price)%></span>
|
|
</td>
|
|
</tr>
|
|
<%end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer">
|
|
<table class="table" style="margin-bottom:0px">
|
|
<tfooter>
|
|
<tr>
|
|
<td style="width:80%; text-align:left; border-top:none"><strong>Sub Total</strong></td>
|
|
<td style="width:20%; text-align:right; border-top:none"><strong><span id="sub-total"><%=sub_total%></span></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:80%; text-align:left; border-top:none"><strong>(Discount)</strong></td>
|
|
<td style="width:20%; text-align:right; border-top:none"><strong><span>(<%=@sale_data.total_discount%>)</span></strong></td>
|
|
</tr>
|
|
<td style="width:80%; text-align:left; border-top:none"><strong>Tax</strong></td>
|
|
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.total_tax%></span></strong></td>
|
|
</tr>
|
|
<td style="width:80%; text-align:left; border-top:none"><strong>Grand Total</strong></td>
|
|
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.grand_total%></span></strong></td>
|
|
</tr>
|
|
</tfooter>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-5 col-sm-3">
|
|
<div class="row">
|
|
<div class="col-md-8">AMOUNT DUE</div>
|
|
<div class="col-md-4"><%= @sale_data.grand_total %></div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-8">CASH</div>
|
|
<div class="col-md-4">0.0</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-8">CREDIT</div>
|
|
<div class="col-md-4">0.0</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-8">CARD</div>
|
|
<div class="col-md-4">0.0</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-8">BALANCE</div>
|
|
<div class="col-md-4">0.0</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row">
|
|
<div class="col-md-3 cashier_number" data-value="1">1</div>
|
|
<div class="col-md-3 cashier_number">2</div>
|
|
<div class="col-md-3 cashier_number">3</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="col-md-12 cashier_number long">1000</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row">
|
|
<div class="col-md-3 cashier_number">4</div>
|
|
<div class="col-md-3 cashier_number">5</div>
|
|
<div class="col-md-3 cashier_number">6</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="col-md-12 cashier_number long">5000</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row">
|
|
<div class="col-md-3 cashier_number">7</div>
|
|
<div class="col-md-3 cashier_number">8</div>
|
|
<div class="col-md-3 cashier_number">9</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="col-md-12 cashier_number long">10000</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row">
|
|
<div class="col-md-3 cashier_number">0</div>
|
|
<div class="col-md-3 cashier_number">.</div>
|
|
<div class="col-md-3 cashier_number">00</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="col-md-12 cashier_number long">50000</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row">
|
|
<div class="col-md-3 cashier_number"></div>
|
|
<div class="col-md-3 cashier_number">DEL</div>
|
|
<div class="col-md-3 cashier_number">CLR</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="col-md-12 cashier_number long">ENTER</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).on('click', '.cashier_number', function(event){
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
if(event.handled !== true) {
|
|
var input_value = $(this).attr("data-value");
|
|
switch (input_value) {
|
|
|
|
}
|
|
event.handled = true;
|
|
} else {
|
|
return false;
|
|
}
|
|
});
|
|
</script>
|