<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>SmartSales : Restaurant</title>
    <%= csrf_meta_tags %>
    <!-- Favicon-->
    <link rel="icon" href="/favicon.ico" type="image/x-icon">

    <%= stylesheet_link_tag    'inventory_definitions', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'inventory', 'data-turbolinks-track': 'reload' %>
</head>

<body class="theme-indigo">
    <!-- Page Loader -->
    <div class="page-loader-wrapper">
        <div class="loader">
            <div class="preloader">
                <div class="spinner-layer pl-blue">
                    <div class="circle-clipper left">
                        <div class="circle"></div>
                    </div>
                    <div class="circle-clipper right">
                        <div class="circle"></div>
                    </div>
                </div>
            </div>
            <p>Please wait...</p>
        </div>
    </div>
    <!-- #END# Page Loader -->
    <!-- Overlay For Sidebars -->
    <div class="overlay"></div>
    <!-- #END# Overlay For Sidebars -->
    <%= render 'layouts/header' %>
    <section>      
        <%= render 'layouts/left_sidebar' %>  
        <%= render 'layouts/right_sidebar' %>  
    </section>

    <!-- Main Content -->
    <section class="content">
        <% flash.each do |type, message| %>
        <% if !flash["errors"]%>
          <div class="alert fade in">
            <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
            <%=message%>
          </div>
        <% end %>

      <% end %>        
        <%= yield %>     
    </section>
</body>

</html>