414 lines
18 KiB
Plaintext
414 lines
18 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 div_order_margin">
|
|
<ul class="nav nav-tabs tab-col-teal" role="tablist">
|
|
<li class="nav-item red m-b-10" data-color="#F44336" data-type="pending">
|
|
<a class="nav-link" data-toggle="tab" href="#pending" role="tab"><p class="num p-t-15 p-b-5">
|
|
<% if !@count_on_order.nil? %>
|
|
<% @count_on_order.each do |count_order|
|
|
if count_order.status == "new" %>
|
|
<%= count_order.count %>
|
|
<% end
|
|
end %>
|
|
<% end %></p> <%= t :pending %></a>
|
|
</li>
|
|
<li class="nav-item purple m-b-10" data-color="#673AB7" data-type="processing">
|
|
<a class="nav-link" data-toggle="tab" href="#processing" role="tab"><p class="num p-t-15 p-b-5">
|
|
<% if !@count_on_order.nil? %>
|
|
<% @count_on_order.each do |count_order|
|
|
if count_order.status == "accepted" %>
|
|
<%= count_order.count %>
|
|
<% end
|
|
end %>
|
|
<% end %></p> <%= t :processing %></a>
|
|
</li>
|
|
<li class="nav-item m-b-10" data-color="#009688" data-type="delivery" style="background-color: #009688;">
|
|
<a class="nav-link" data-toggle="tab" href="#delivery" role="tab"><p class="num p-t-15 p-b-5">
|
|
<% if !@count_on_order.nil? %>
|
|
<% @count_on_order.each do |count_order|
|
|
if count_order.status == "send_to_kitchen" %>
|
|
<%= count_order.count %>
|
|
<% end
|
|
end %>
|
|
<% end %></p> <%= t :delivering %></a>
|
|
</li>
|
|
<li class="nav-item m-b-10" data-color="#03A9F4" data-type="completed" style="background-color: #03A9F4;">
|
|
<a class="nav-link" data-toggle="tab" href="#completed" role="tab"><p class="num p-t-15 p-b-5">
|
|
<% if !@count_on_order.nil? %>
|
|
<% @count_on_order.each do |count_order|
|
|
if count_order.status == "ready_to_delivery" %>
|
|
<%= count_order.count %>
|
|
<% end
|
|
end %>
|
|
<% end %></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 order_reserve_cable">
|
|
<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 ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%Y-%m-%d") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue">
|
|
<% if order.delivery.delivery_type == 'service' %>
|
|
DELIVERY
|
|
<% elsif order.delivery.delivery_type == 'pick_up' %>
|
|
PICK-UP
|
|
<% else %>
|
|
DIRECT DELIVERY
|
|
<% end %>
|
|
</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 ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%Y-%m-%d") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue">
|
|
<% if order.delivery.delivery_type == 'service' %>
|
|
DELIVERY
|
|
<% elsif order.delivery.delivery_type == 'pick_up' %>
|
|
PICK-UP
|
|
<% else %>
|
|
DIRECT DELIVERY
|
|
<% end %>
|
|
</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 ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%Y-%m-%d") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue">
|
|
<% if order.delivery.delivery_type == 'service' %>
|
|
DELIVERY
|
|
<% elsif order.delivery.delivery_type == 'pick_up' %>
|
|
PICK-UP
|
|
<% else %>
|
|
DIRECT DELIVERY
|
|
<% end %>
|
|
</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 ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%Y-%m-%d") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%= order.created_at.utc.getlocal.strftime("%I:%M %p") %>
|
|
</td>
|
|
<td width ="20%" class="align-center">
|
|
<%=order.grand_total%>
|
|
</td>
|
|
<td width ="30%" class="align-center">
|
|
<span class="font-10 col-blue">
|
|
<% if order.delivery.delivery_type == 'service' %>
|
|
DELIVERY
|
|
<% elsif order.delivery.delivery_type == 'pick_up' %>
|
|
PICK-UP
|
|
<% else %>
|
|
DIRECT DELIVERY
|
|
<% end %>
|
|
</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 div_card_order">
|
|
<div class="card">
|
|
<div class="card-header custom-card-header" style="color:">
|
|
<table class="table">
|
|
<tr>
|
|
<td width ="10%" class="header-td align-left">
|
|
<b class="col-pink font-16"><span id="sr_number"></span></b>
|
|
</td>
|
|
<td width="40%" class="header-td align-left">
|
|
<b><span class="font-15" id="requested_date_time"></span></b>
|
|
</td>
|
|
<td width ="50%" class="header-td font- align-right"><b><span id="contact_info"></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 <span id="delivery_info"></span>
|
|
</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 id="discount">
|
|
<td width ="70%" class="footer-td align-left">
|
|
DISCOUNT
|
|
</td>
|
|
<td width ="30%" class="footer-td align-right" id="discount_amount">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 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>
|
|
<td class="body-td align-right">
|
|
<span class="font-13">REQUESTED TIME</span><br>
|
|
<b id="requested_time"></b>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="body-td align-left">
|
|
<span class="font-13">PHONE</span><br>
|
|
<b id="phone"></b>
|
|
</td>
|
|
<td class="body-td align-right expected_time">
|
|
<span class="font-13">EXPECTED TIME</span><br>
|
|
<b id="expected_time"></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>
|
|
<tr>
|
|
<td class="body-td align-left">
|
|
<span class="font-13">REMARK</span><br>
|
|
<b id="order_remark"></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" class="hidden"></p>
|
|
<p id="status" class="hidden"></p>
|
|
|
|
<div class="modal fade" id="waiting_timeModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-md" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="waiting_timeModalLabel">Expected Waiting Time for <span id="requested_order_time"></span></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="text" id="waiting_time" name="waiting_time" value="" class="timepicker form-control" placeholder="Expected Waiting Time">
|
|
<span id="waiting_timeErr" style="color:red;"></span>
|
|
</div>
|
|
<div class="modal-footer ">
|
|
<div class="row p-r-20">
|
|
<div class="col-md-5">
|
|
<button type="button" class="btn btn-link p-t-5 p-b-5 bg-red waves-effect " id="save" active="true">SAVE</button>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<button type="button" class="btn btn-link p-t-5 p-b-5 bg-blue waves-effect" data-dismiss="modal">CLOSE</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="notify_new_order"></div>
|
|
<div id="notify_order_send_to_kitchen"></div>
|
|
<div id="notify_order_ready_to_delivery"></div> |