300 lines
13 KiB
Plaintext
300 lines
13 KiB
Plaintext
<%= stylesheet_link_tag 'order_reservation', media: 'all', 'data-turbolinks-track': 'reload' %>
|
|
<%= javascript_include_tag 'order_reservation', 'data-turbolinks-track': 'reload' %>
|
|
<div class="container-fluid">
|
|
<div class="row m-t--10">
|
|
<div class="col-lg-4 col-md-4 col-sm-4" style="margin:0px 0px 0px -5px !important ">
|
|
<ul class="nav nav-tabs tab-col-teal" role="tablist">
|
|
<li class="nav-item active" data-color="#F44336" data-type="pending" style="background-color: #F44336;">
|
|
<a class="nav-link" data-toggle="tab" href="#pending" role="tab"><p class="num">1</p> <%= t :pending %></a>
|
|
</li>
|
|
<li class="nav-item" data-color="#673AB7" data-type="processing" style="background-color: #673AB7;">
|
|
<a class="nav-link" data-toggle="tab" href="#processing" role="tab"><p class="num">2</p> <%= t :processing %></a>
|
|
</li>
|
|
<li class="nav-item" data-color="#009688" data-type="delivery" style="background-color: #009688;">
|
|
<a class="nav-link" data-toggle="tab" href="#delivery" role="tab"><p class="num">3</p> <%= t :delivering %></a>
|
|
</li>
|
|
<li class="nav-item" data-color="#03A9F4" data-type="completed" style="background-color: #03A9F4;">
|
|
<a class="nav-link" data-toggle="tab" href="#completed" role="tab"><p class="num">4</p> <%= t :completed %></a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content m-t--10">
|
|
<div class="tab-pane active" id="pending" role="tabpanel">
|
|
<div class="card-block font-13">
|
|
<div id="menu-slimscroll" data-height="50">
|
|
<table class="table table-stripe custom-table">
|
|
<tbody>
|
|
<% i=1
|
|
@order.each do |order| %>
|
|
<% if order.status == 'new' %>
|
|
<tr class="custom-tr first-<%=i%>" style="" data-id="<%=order.order_reservation_id%>" data-sr-no="<%= i %>">
|
|
<td width ="5%" class="align-left">
|
|
<%=i%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%= order.requested_time.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue"><%= order.status %></span>
|
|
</td>
|
|
</tr>
|
|
<%i+=1%>
|
|
<%end%>
|
|
<%end%>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--- Panel 3 - Orders -->
|
|
<div class="tab-pane dining" id="processing" role="tabpanel">
|
|
<div class="card-block font-13">
|
|
<div id="menu-slimscroll" data-height="50">
|
|
<table class="table table-stripe custom-table">
|
|
<tbody>
|
|
<% i=1
|
|
@order.each do |order| %>
|
|
<% if order.status == 'accepted' %>
|
|
<tr class="custom-tr second-<%=i%>" style="" data-id="<%=order.order_reservation_id%>" data-sr-no="<%= i %>">
|
|
<td width ="5%" class="align-left">
|
|
<%=i%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%= order.requested_time.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue"><%=order.status%></span>
|
|
</td>
|
|
</tr>
|
|
<%i+=1%>
|
|
<%end%>
|
|
<%end%>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--- Panel 3 - Orders -->
|
|
<div class="tab-pane dining" id="delivery" role="tabpanel">
|
|
<div class="card-block font-13">
|
|
<div id="menu-slimscroll" data-height="50">
|
|
<table class="table table-stripe custom-table">
|
|
<tbody>
|
|
<% i=1
|
|
@order.each do |order| %>
|
|
<% if order.status == 'send_to_kitchen' %>
|
|
<tr class="custom-tr third-<%=i%>" style="" data-id="<%=order.order_reservation_id%>" data-sr-no="<%= i %>">
|
|
<td width ="5%" class="align-left">
|
|
<%=i%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%= order.requested_time.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue"><%=order.status%></span>
|
|
</td>
|
|
</tr>
|
|
<%i+=1%>
|
|
<%end%>
|
|
<%end%>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--- Panel 3 - Orders -->
|
|
<div class="tab-pane dining" id="completed" role="tabpanel">
|
|
<div class="card-block font-13">
|
|
<div id="menu-slimscroll" data-height="50">
|
|
<table class="table table-stripe custom-table">
|
|
<tbody>
|
|
<% i=1
|
|
@order.each do |order| %>
|
|
<% if order.status == 'ready_to_delivery' %>
|
|
<tr class="custom-tr fourth-<%=i%>" style="" data-id="<%=order.order_reservation_id%>" data-sr-no="<%= i %>">
|
|
<td width ="5%" class="align-left">
|
|
<%=i%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%= order.requested_time.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue"><%=order.status%></span>
|
|
</td>
|
|
</tr>
|
|
<%i+=1%>
|
|
<%end%>
|
|
<%end%>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-4 col-sm-4" style="margin:0px -5px !important ">
|
|
<div class="card">
|
|
<div class="card-header custom-card-header" style="color:">
|
|
<table class="table">
|
|
<tr>
|
|
<td width ="70%" class="header-td align-left">
|
|
<b class="col-pink font-16"><span id="sr_number"></span> </b>
|
|
<span class="font-13"><span id="delivery_info"></span></span>
|
|
</td>
|
|
<td width ="30%" class="header-td font-16 align-right"><b><span id="contact_info">0065 4321</span></b></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="card-block custom-card-block">
|
|
<div id="order-detail-slimscroll" data-height="220">
|
|
<table class="table summary-items">
|
|
<tbody>
|
|
<!-- <tr>
|
|
<td width ="70%" class="body-td align-left">
|
|
MENU ITEM 01
|
|
<br><span class="font-13">2 <span class="col-blue">X700</span></span>
|
|
</td>
|
|
<td width ="30%" class="body-td align-right">1400.00</td>
|
|
</tr> -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer custom-card-footer">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td width ="70%" class="footer-td align-left" >
|
|
SUB TOTAL
|
|
</td>
|
|
<td width ="30%" class="footer-td align-right" id="sub_total">0.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td width ="70%" class="footer-td align-left">
|
|
DELIVERY FEES (PICK-UP)
|
|
</td>
|
|
<td width ="30%" class="footer-td align-right" id="delivery_fee">0.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td width ="70%" class="footer-td align-left">
|
|
CONVENIENCE CHARGES
|
|
</td>
|
|
<td width ="30%" class="footer-td align-right" id="total_charges">0.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td width ="70%" class="footer-td align-left">
|
|
GOVERNMENT TAX
|
|
</td>
|
|
<td width ="30%" class="footer-td align-right" id="total_tax">0.00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer grand-card-footer">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td width ="70%" class="footer-td align-left col-blue">
|
|
GRAND TOTAL
|
|
</td>
|
|
<td width ="30%" class="footer-td align-right col-blue" id="grand_total">0.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" id="order_remark"></td>
|
|
</tr>
|
|
<tr>
|
|
<td width ="50%" class="footer-td align-left col-blue">
|
|
<button type="button" class="btn btn-lg bg-red waves-effect" id="cancel" data-value="cancel">
|
|
<strong>DECLINE</strong>
|
|
</button>
|
|
</td>
|
|
<td width ="50%" class="footer-td align-right col-blue">
|
|
<button type="button" class="btn btn-lg bg-blue waves-effect " id="accepted" data-value="accepted">
|
|
ACCEPT
|
|
</button>
|
|
<!-- <button type="button" class="btn btn-lg bg-blue waves-effect hidden" id="accepted" data-value="delivery">
|
|
<strong>SEND TO KITCHEN</strong>
|
|
</button>
|
|
<button type="button" class="btn btn-lg bg-blue waves-effect hidden" id="accepted" data-value="completed">
|
|
<strong>READY TO DELIVERY</strong>
|
|
</button>
|
|
<button type="button" class="btn btn-lg bg-blue waves-effect hidden" id="accepted" data-value="pick-up">
|
|
<strong>PICK UP</strong>
|
|
</button> -->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="'col-lg-4 col-md-4 col-sm-4'" style="margin:0px -5px 0px -2px !important ">
|
|
<div class="card" style="background-color: #E8EAF6">
|
|
<div class="card-header custom-card-header" style="background-color: #E8EAF6">
|
|
<table class="table">
|
|
<tr>
|
|
<td width ="" class="header-td align-left col-blue">CUSTOMER & DELIVERY INFORMATION
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="card-block">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="body-td align-left">
|
|
<span class="font-13">NAME</span><br>
|
|
<b id="customer_name"></b>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="body-td align-left">
|
|
<span class="font-13">PHONE</span><br>
|
|
<b id="phone"></b>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="body-td align-left">
|
|
<span class="font-13">ADDRESS</span><br>
|
|
<b id="address"></b>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="body-td align-left">
|
|
<span class="font-13">DELEVERY</span><br>
|
|
<b id="delivery_to"></b>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p id="ref_no" class="hidden"></p>
|
|
<p id="callback_url" class="hidden"></p>
|
|
<p id="order_id"></p>
|
|
<p id="status" class="hidden"></p>
|
|
<script type="text/javascript">
|
|
jQuery(function(){
|
|
jQuery('.first-1').click();
|
|
});
|
|
|
|
</script> |