<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
	<!-- User Info -->
	<!-- <div class="user-info">
		<div class="image">
			<img src="public/image/user.png" width="48" height="48" alt="User" />
		</div>
		<div class="info-container">
			<div class="name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			current_login_employee.name
			</div>
			 <div class="email">john.doe@example.com</div>
			<div class="btn-group user-helper-dropdown">
				<i class="material-icons" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">keyboard_arrow_down</i>
				<ul class="dropdown-menu pull-right">
					<li><a href="javascript:void(0);"><i class="material-icons">person</i>Profile</a></li>
					<li role="seperator" class="divider"></li>
					<li><a href="javascript:void(0);"><i class="material-icons">group</i>Followers</a></li>
					<li><a href="javascript:void(0);"><i class="material-icons">shopping_cart</i>Sales</a></li>
					<li><a href="javascript:void(0);"><i class="material-icons">favorite</i>Likes</a></li>
					<li role="seperator" class="divider"></li>
					<li><a href="javascript:void(0);"><i class="material-icons">input</i>Sign Out</a></li>
				</ul>
			</div>
		</div>
	</div> -->
	<!-- #User Info -->
	<!-- Menu -->
	<div class="menu">
		<ul class="list">
			<li class="header"><%= t :main_navigation %></li>
			<li class="active">
				<% if current_login_employee.role == "administrator" || current_login_employee.role == "manager" || current_login_employee.role == "account" %>
					<a href="<%= dashboard_path %>">
				<% elsif current_login_employee.role == "supervisor" || current_login_employee.role == "cashier" || current_login_employee.role == "waiter" %>
					<a href="<%= origami_dashboard_path %>">
				<% elsif current_login_employee.role == "kitchen" %>
					<a href="<%= oqs_root_path %>">
				<%end%>
					<i class="material-icons">home</i>
					<span><%= t :dashboard %></span>
				</a>
			</li>
			<% if can? :menage, OrderQueueStation %>
			<li class="menu-up">
				<a href="<%= oqs_root_path %>">
					<i class="material-icons">room_service</i>
					<span><%= t :oqs %></span>
				</a>
			</li>
			<% end %>
			<% if can? :index, :home %>
				<% if current_login_employee.role != "kitchen" %>
				<% if current_user.role == "cashier"
					shift = ShiftSale.current_open_shift(current_user)
		      if !shift.nil?
		        path = origami_dashboard_path
		      else
		        path = new_origami_shift_path
		      end
				else current_user.role == "administrator"
					path = origami_dashboard_path
				end %>
				<li class="menu-up">
					<a href="<%= path %>">
						<i class="material-icons">monetization_on</i>
						<span><%= t :origami %></span>
					</a>
				</li>
				<% end %>
			<% end %>
			<% if can? :menage, Customer %>
			<li class="menu-up">
				<a href="javascript:void(0);" class="menu-toggle">
					<i class="material-icons">widgets</i>
					<span><%= t :crm %></span>
				</a>
				<ul class="ml-menu">

						<li>
							<a href="<%= crm_customers_path %>"><%= t :customer %></a>
						</li>

					<% if can? :menage, DiningQueue %>
						<li>
							<a href="<%= crm_dining_queues_path %>"><%= t :queue %></a>
						</li>
					<% end %>
				</ul>
			</li>
			<% end %>
			<% if can? :menage, Inventory %>
			<li class="menu-up">
				<a href="<%= inventory_path %>">
					<i class="material-icons">store</i>
					<span><%= t :inventory %></span>
				</a>
			</li>
			<%end%>
			<li class="header"><%= t :backend %></li>
			<% device = request.user_agent %>
			<% if device.include? 'Mobile' %>
			<% if can? :index, :dailysale %>
			<li>
				<a href="javascript:void(0);" class="menu-toggle">
					<i class="material-icons">assessment</i>
					<span><%= t :reports %></span>
				</a>
				<ul class="ml-menu">
					<li>
						<a href="<%= reports_dailysale_index_path %>">Daily Sales</a>
					</li>
					<li>
						<a href="<%= reports_saleitem_index_path %>">Sale Items</a>
					</li>
					<!-- <li>
						<a href="<%= reports_product_sale_index_path %>">Product Sale</a>
					</li> -->
					<% if order_reservation %>
					<li>
						<a href="<%= reports_order_reservation_index_path %>"><%= t("views.right_panel.detail.order_reservation") %></a>
					</li>
					<% end %>
					<li>
						<a href="<%= reports_receipt_no_index_path %>">Receipt</a>
					</li>
					<li>
						<a href="<%= reports_receipt_no_detail_index_path %>">Receipt Detail</a>
					</li>
					<li>
						<a href="<%= reports_shiftsale_index_path %>">Shift Sales</a>
					</li>
					<li>
						<a href="<%= reports_credit_payment_index_path %>">Credit Sales</a>
					</li>
					<li>
						<a href="<%= reports_void_sale_index_path %>">Void Sales</a>
					</li>
					<li>
						<a href="<%= reports_waste_and_spoilage_index_path %>">Wastes & Spoilages</a>
					</li>
					<li>
						<a href="<%= reports_payment_method_index_path %>">Payment Method</a>
					</li>
					<li>
						<a href="<%= reports_commission_index_path %>">Commission</a>
					</li>
					<li>
						<a href="<%= reports_induty_index_path %>">Induty</a>
					</li>
					<li>
						<a href="<%= reports_staff_meal_index_path %>">Staff Meal</a>
					</li>
					<li>
						<a href="<%= reports_stock_check_index_path %>">Stock Check</a>
					</li>
					<% if bank_integration %>
						<li>
							<a href="<%= reports_card_sale_tran_index_path %>">CB Payments</a>
						</li>
						<li>
							<a href="<%= reports_card_settle_tran_index_path %>">CB Settlement</a>
						</li>
					<% end %>
				</ul>
			</li>
			<%end%>

			<li>
				<a href="javascript:void(0);" class="menu-toggle">
					<i class="material-icons">widgets</i>
					<span><%= t :transactions %></span>
				</a>
				<ul class="ml-menu">
				    <% if can? :menage, Booking %>
						<li>
							<a href="<%= transactions_bookings_path %>"><%= t :bookings %></a>
						</li>
					<% end %>
				    <% if can? :menage, Order %>
						<li>
							<a href="<%= transactions_orders_path %>"><%= t :orders %></a>
						</li>
					<% end %>
					<% if can? :menage, Sale %>
						<li>
							<a href="<%= transactions_sales_path %>"><%= t :sale %></a>
						</li>
					<% end %>
					<% if can? :menage, Sale %>
						<li>
							<a href="<%= transactions_credit_notes_path %>"><%= (t :credit) %></a>
						</li>
					<% end %>
					<% if can? :menage, Sale %>
						<li>
							<a href="<%= transactions_shift_sales_path %>"><%= (t :shiftsale) %></a>
						</li>
					<% end %>
					<% if can? :menage, Survey %>
						<li>
							<a href="<%= transactions_surveys_path %>"><%= t("views.right_panel.detail.survey") %></a>
						</li>
					<% end %>
					<% if can? :manage, OrderReservation %>
						<% if order_reservation %>
							<li>
								<a href="<%= transactions_order_reservations_path %>"><%= t("views.right_panel.detail.order_reservation") %></a>
							</li>
						<% end %>
					<% end %>
					<% if can? :manage, Sale %>
						<% if bank_integration %>
							<li>
								<a href="<%= transactions_card_sale_trans_path %>"><%= t :cb_payments %></a>
							</li>
						<% end %>
					<% end %>
					<% if can? :manage, Sale %>
						<% if bank_integration %>
							<li>
								<a href="<%= transactions_card_settle_trans_path %>"><%= t :cb_settlement %></a>
							</li>
						<% end %>
					<% end %>
				</ul>
			</li>

			<%else%>
			<li id="left-menu">
			  <a href="javascript:void(0);" class="menu-toggle">
			    <i class="material-icons">widgets</i>
			    <span><%= t :transactions %></span>
			  </a>
			  <ul class="ml-menu">
			      <% if can? :menage, Booking %>
			      <li>
			        <a href="<%= transactions_bookings_path %>"><%= t :bookings %></a>
			      </li>
			    <% end %>
			      <% if can? :menage, Order %>
			      <li>
			        <a href="<%= transactions_orders_path %>"><%= t :orders %></a>
			      </li>
			    <% end %>
			    <% if can? :menage, Sale %>
			      <li>
			        <a href="<%= transactions_sales_path %>"><%= t :sale %></a>
			      </li>
			    <% end %>
			    <% if can? :menage, Sale %>
			      <li>
			        <a href="<%= transactions_credit_notes_path %>"><%= (t :credit) %></a>
			      </li>
			    <% end %>
			    <% if can? :menage, Sale %>
			      <li>
			        <a href="<%= transactions_shift_sales_path %>"><%= (t :shiftsale) %></a>
			      </li>
			    <% end %>
			    <% if can? :menage, Survey %>
			      <li>
			        <a href="<%= transactions_surveys_path %>"><%= t("views.right_panel.detail.survey") %></a>
			      </li>
			    <% end %>
			    <% if can? :manage, OrderReservation %>
			      <% if order_reservation %>
			        <li>
			          <a href="<%= transactions_order_reservations_path %>"><%= t("views.right_panel.detail.order_reservation") %></a>
			        </li>
			      <% end %>
			    <% end %>
			    <% if can? :manage, Sale %>
			      <% if bank_integration %>
			        <li>
			          <a href="<%= transactions_card_sale_trans_path %>"><%= t :cb_payments %></a>
			        </li>
			      <% end %>
			    <% end %>
			    <% if can? :manage, Sale %>
			      <% if bank_integration %>
			        <li>
			          <a href="<%= transactions_card_settle_trans_path %>"><%= t :cb_settlement %></a>
			        </li>
			      <% end %>
			    <% end %>
			  </ul>
			</li>
			<% if can? :index, :dailysale %>
			<li>
			  <a href="javascript:void(0);" class="menu-toggle">
			    <i class="material-icons">assessment</i>
			    <span><%= t :reports %></span>
			  </a>
			  <ul class="ml-menu">
			    <li>
			      <a href="<%= reports_dailysale_index_path %>">Daily Sales</a>
			    </li>
			    <li>
			      <a href="<%= reports_saleitem_index_path %>">Sale Items</a>
			    </li>
					<li>
			      <a href="<%= reports_hourly_saleitem_index_path %>">Hourly Sale Items</a>
			    </li>
			   <!--  <li>
			      <a href="<%= reports_product_sale_index_path %>">Product Sale</a>
			    </li> -->
			    <% if order_reservation %>
			    <li>
			      <a href="<%= reports_order_reservation_index_path %>"><%= t("views.right_panel.detail.order_reservation") %></a>
			    </li>
			    <% end %>
			    <li>
			      <a href="<%= reports_receipt_no_index_path %>">Receipt</a>
			    </li>
			    <li>
			      <a href="<%= reports_receipt_no_detail_index_path %>">Receipt Detail</a>
			    </li>
			    <li>
			      <a href="<%= reports_shiftsale_index_path %>">Shift Sales</a>
			    </li>
			    <li>
			      <a href="<%= reports_credit_payment_index_path %>">Credit Sales</a>
			    </li>
			    <li>
			      <a href="<%= reports_void_sale_index_path %>">Void Sales</a>
			    </li>
					<li>
			      <a href="<%= reports_customer_index_path %>">Customer Sales</a>
			    </li>
			    <li>
			      <a href="<%= reports_waste_and_spoilage_index_path %>">Wastes & Spoilages</a>
			    </li>
			    <li>
			      <a href="<%= reports_payment_method_index_path %>">Payment Method</a>
			    </li>
			    <li>
			      <a href="<%= reports_commission_index_path %>">Commission</a>
			    </li>
			    <li>
			      <a href="<%= reports_induty_index_path %>">Induty</a>
			    </li>
			    <li>
			      <a href="<%= reports_staff_meal_index_path %>">Staff Meal</a>
			    </li>
			    <li>
			      <a href="<%= reports_stock_check_index_path %>">Stock Check</a>
			    </li>
			    <% if bank_integration %>
			      <li>
			        <a href="<%= reports_card_sale_tran_index_path %>">CB Payments</a>
			      </li>
			      <li>
			        <a href="<%= reports_card_settle_tran_index_path %>">CB Settlement</a>
			      </li>
			    <% end %>
			  </ul>
			</li>
			<% end %>
		<% end %>
		<div id="setting" >
			<li class="header"><%= t :settings %></li>
			<% if can? :menage, Zone %>
			<li>
				<a href="<%= settings_zones_path %>">
					<i class="material-icons col-red">donut_large</i>
					<span><%= t :dinings %></span>
				</a>
			</li>
			<% end %>
			<% if can? :menage, Menu %>
				<li>
					<a href="<%= settings_menus_path %>">
						<i class="material-icons col-amber">donut_large</i>
						<span><%= t :menu %></span>
					</a>
				</li>
			<% end %>
			<% if can? :menage, OrderQueueStation %>
			<li>
				<a href="<%= settings_order_queue_stations_path %>">
					<i class="material-icons col-indigo">donut_large</i>
					<span><%= t :oqs %></span>
				</a>
			</li>
			<% end %>
			<li>
				<a href="<%= settings_out_of_stock_index_path %>">
					<i class="material-icons col-pink">donut_large</i>
					<span style="margin-left: 0"><%= t :out_of_stock %></span>
				</a>
			</li>
			<% if can? :menage, Employee %>
				<li>
					<a href="<%= settings_employees_path %>">
						<i class="material-icons col-light-blue">donut_large</i>
						<span><%= t :staff %></span>
					</a>
				</li>
			<% end %>
			<% if can? :menage, CashierTerminal %>
			<li>
				<a href="<%= settings_cashier_terminals_path %>">
					<i class="material-icons col-green">donut_large</i>
					<span><%= (t :cashier) + " " + (t :terminal) %></span>
				</a>
			</li>
			<% end %>
			<% if can? :menage, PrintSetting %>
			<li>
				<a href="<%= print_settings_path %>">
					<i class="material-icons col-pupple">donut_large</i>
					<span><%= t :printer %></span>
				</a>
			</li>
			<% end %>
			<% if can? :menage, TaxProfile %>
				<li>
					<a href="<%= settings_tax_profiles_path %>">
						<i class="material-icons col-green">donut_large</i>
						<span><%= t :tax_profile %></span>
					</a>
				</li>
			<% end %>
			<% if can? :menage, PaymentMethodSetting %>
				<li>
					<a href="<%= settings_payment_method_settings_path %>">
						<i class="material-icons col-light-blue">donut_large</i>
						<span><%= t :payment_methods %></span>
					</a>
				</li>
			<% end %>
			<!-- <li>
				<a href="<%= settings_accounts_path %>">
					<i class="material-icons col-amber">donut_large</i>
					<span><%= t :accounts %></span>
				</a>
			</li> -->
			<% if can? :menage, Product %>
				<li>
					<a href="<%= settings_products_path %>">
						<i class="material-icons col-brown">donut_large</i>
						<span><%= t :products %></span>
					</a>
				</li>
			<% end %>
			<% if can? :menage, Promotion %>
				<li>
					<a href="<%= settings_promotions_path %>">
						<i class="material-icons col-red">donut_large</i>
						<span><%= t :promotions %></span>
					</a>
				</li>
			<% end %>
			<% if can? :menage, Commission %>
				<li>
					<a href="<%= settings_commissions_path %>">
						<i class="material-icons col-green">donut_large</i>
						<span><%= t :commissions %></span>
					</a>
				</li>
			<% end %>
			<% if can? :menage, Commissioner %>
				<li>
					<a href="<%= settings_commissioners_path %>">
						<i class="material-icons col-teal">donut_large</i>
						<span><%= t :commissioners %></span>
					</a>
				</li>
			<% end %>
		</div>
		</ul>
	</div>


	<!-- #Menu -->
	<!-- Footer -->
	<div class="legal">
		<div class="copyright">
			&copy; <%= Time.current.strftime("%Y") %> <a href="javascript:void(0);">Code2Lab</a>.
		</div>
		<div class="version">
			<b>Version: </b> 1.0.1
		</div>
	</div>
	<!-- #Footer -->
</aside>
<!-- #END# Left Sidebar
