<% order.each do |qid|%>
<p class="hidden"><%=qid.order_queue_station_id%></p>
	<div class="card queue_station">
		<div class="card-block">
			<h4 class="card-title">
				<span class="order-zone-type"><%= qid.table_type %> - </span>
				<span class="order-zone"><%= qid.zone %></span>
				<small class="pull-right"><%= qid.order_id %></small>
			</h4> 
			<h4>
				<span class="order-item">
					<%= qid.item_name %>
				</span> [x
				<span class="order-qty">
					<%= qid.qty %>
				</span> ]   
			</h4>                  

			<p class="card-text item-options">
				<%= qid.options == "[]"? "" : qid.options %>
			</p> 

			<p class="card-text">
				<small class="text-muted">Order at 
					<span class="order-at">
						<%= qid.created_at.utc.getlocal.strftime("%d-%m-%Y %I:%M %p") %>
					</span> - 
					<span class="order-by">
						<%= qid.item_order_by %>
					</span> 
				</small>
			</p>
			<p class="hidden order-customer"><%= qid.customer_name %></p>
            <p class="hidden assigned-order-item"><%= qid.assigned_order_item_id %></p>
            <div class="card-footer">
	            <button id="edit_<%= qid.assigned_order_item_id %>" class="btn btn-warning order-item order-item-edit">EDIT</button>
	             <button id="assigned_queue_<%= qid.assigned_order_item_id %>" class="btn btn-primary order-item order-complete">COMPLETE</button>
	        </div>   
		</div>
	</div> 
<%end%>  
<style type="text/css">
	.order-completed {
  background-color: #CCFFDD;
}
.order-item {
	width: 49%;
	font-size: 18px;
	margin: 0px 0px 5px 0px;	
}
</style>