<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
    <li class="breadcrumb-item"><a href="<%= settings_menus_path %>"><%= t("en.menus") %></a></li>
    <li class="breadcrumb-item active"><%= t :details %></li>
    <span class="float-right">
      <%= link_to 'Back', settings_menus_path %>
    </span>
  </ol>
</div>
<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
   <div class="card">
    <ul class="list-group">
     <li class="list-group-item"><%= link_to (t :accounts), settings_accounts_path %></li>
     <li class="list-group-item"><%= link_to 'Menu ', settings_menus_path %></li> 
     <li class="list-group-item"><%= link_to 'Menu Categories', settings_menu_categories_path %></li>
     <!-- <li class="list-group-item"><%= link_to 'Menu Item', dashboard_path %></li> -->
     <li class="list-group-item"><%= link_to 'Item Set', settings_item_sets_path %></li>
     <li class="list-group-item"><%= link_to 'Items Attributes', settings_menu_item_attributes_path %></li>
     <li class="list-group-item"><%= link_to 'Items Options', settings_menu_item_options_path %></li>
   </ul>
  </div>
</div>
<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
  <div class="card">
    <div class="card-block">
      <h4 class="card-title"><%= t("views.right_panel.header.menu") %></h4>
      <table class="table">
        <thead>
          <tr>
            <th><%= t("views.right_panel.detail.name") %></th>
            <th><%= t("views.right_panel.detail.valid_days") %></th>
            <th><%= t("views.right_panel.detail.valid_from") %></th>
            <th><%= t("views.right_panel.detail.valid_to") %></th>
            <th><%= t("views.right_panel.detail.created_by") %></th>
            <th><%= t("views.right_panel.detail.created_at") %></th> 
            <th><%= t("views.right_panel.detail.actions") %></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><%= @settings_menu.name %></td>
            <td><%= @settings_menu.valid_days %></td>
            <td><%= @settings_menu.valid_time_from.strftime("%H:%M") rescue "-" %></td>
            <td><%= @settings_menu.valid_time_to.strftime("%H:%M") rescue "-" %></td>
            <td><%= @settings_menu.created_by %></td>
            <td><%= @settings_menu.created_at.utc.getlocal.strftime("%Y-%m-%d") %></td>
            <td><%= link_to t("views.btn.edit"), edit_settings_menu_path(@settings_menu),:class => 'btn btn-primary btn-sm waves-effect' %>
              <button class="delete btn btn-danger btn-sm waves-effect" data-ref="<%= settings_menu_path(@settings_menu)%>" data-method="delete">
                <%= t("views.btn.delete") %>
              </button>

              <span class="hidden" id="delete_text">
                  <h6>Are you sure you want to delete this row ?</h6>
                  <h6>This action can't be undo. </h6> 
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <div class="card">
    <div class="card-block">
      <h4 class="card-title"><%= t("views.right_panel.header.menu_categories") %>
        <span style="float: right">
          <%= link_to t("views.btn.new"),new_settings_menu_menu_category_path(@settings_menu),:class => 'btn btn-primary btn-sm' %>
        </span>

      </h4>
      <table class="table">
        <thead>
          <tr>
            <th><%= t("views.right_panel.detail.name") %></th>
            <th><%= t("views.right_panel.detail.sub_cat_count") %></th>
            <th><%= t("views.right_panel.detail.items_count") %></th>
            <th><%= t("views.right_panel.detail.order_by") %></th>
            <th><%= t("views.right_panel.detail.created_at") %></th>
            <th><%= t("views.right_panel.detail.actions") %></th>
          </tr>
        </thead>

        <tbody>
         <% @settings_menu_categories.each do |category|%>
         <tr>
          <td><%= link_to category.name, settings_menu_category_path(category) %></td>
          <td><%= category.children.count  rescue "-" %></td>
          <td><%= category.menu_items.count %></td>
          <td><%= category.order_by %></td>
          <td><%= category.created_at.utc.getlocal.strftime("%Y-%m-%d/%I:%M %p") %></td>
          <td><%= link_to t("views.btn.edit"), edit_settings_menu_menu_category_path(@settings_menu, category),:class => 'btn btn-info btn-sm waves-effect' %></td>
        </tr>
        <% end %>
      </tbody>
    </table>
  </div>
</div>
<%= paginate @settings_menu_categories, param_name: :page, :outer_window => 3 %>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
  <div class="card">
    <div class="body">
      <h5><%= t("views.right_panel.header.menu") %></h5>
      <h5><i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i></h5>
        <p>
        1) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.menu_txt") %> <%= t("views.right_panel.detail.name_txt") %> <br>
        2) <%= t("views.right_panel.detail.valid_days") %> - <%= t("views.right_panel.detail.valid_days_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_txt") %><br>
        3) <%= t("views.right_panel.detail.valid_from") %> - <%= t("views.right_panel.detail.valid_from_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_txt") %><br>
        4) <%= t("views.right_panel.detail.valid_to") %> - <%= t("views.right_panel.detail.valid_to_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_txt") %><br>
        5) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt2") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
        </p>
      <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
      <p>
      1) <%= t("views.right_panel.button.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
      2) <%= t("views.right_panel.button.delete") %> - <%= t("views.right_panel.detail.delete_btn_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
      </p>

      <h5><%= t("views.right_panel.header.menu_categories") %></h5>
      <h5><i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i></h5>
        <p>
      1) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.menu_categories_txt") %> <%= t("views.right_panel.detail.name_txt") %> <%= t("views.right_panel.detail.menu_categories_txt") %> <%= t("views.right_panel.detail.data_txt") %> <br>
      2) <%= t("views.right_panel.detail.sub_cat_count") %> - <%= t("views.right_panel.detail.number_of") %> <%= t("views.right_panel.detail.sub_categories_txt") %> <br>
      3) <%= t("views.right_panel.detail.items_count") %> - <%= t("views.right_panel.detail.number_of") %> <%= t("views.right_panel.detail.items") %> <br>
      4) <%= t("views.right_panel.detail.order_by") %> - <%= t("views.right_panel.detail.order_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_categories_txt") %> <br>
      5) <%= t("views.right_panel.detail.created_at") %> - <%= t("views.right_panel.detail.created_at_txt") %> <%= t("views.right_panel.detail.menu_categories_txt") %> <br>
      6) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt3") %> <%= t("views.right_panel.detail.menu_categories_txt") %> <br>
      </p>
      <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
      <p>
      1) <%= t("views.right_panel.button.new") %> - <%= t("views.right_panel.detail.new_btn_txt") %> <%= t("views.right_panel.detail.menu_categories_txt") %> <br>
      2) <%= t("views.right_panel.button.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.menu_categories_txt") %> <br>
      </p>
      -----------------------------------------------------------------
      <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.link_lists") %></i> </h5>
      <p>
        1) <%= t("views.right_panel.button.home") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
        2) <%= t("views.right_panel.button.back") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
        3) <%= t("en.accounts") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.accounts_txt") %><br>
        4) <%= t("views.right_panel.button.menu") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.menu_txt") %><br>
        5) <%= t("views.right_panel.button.menu_categories") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.menu_categories_txt") %><br>
        6) <%= t("views.right_panel.button.item_set") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.item_set_txt") %> <br>
        7) <%= t("views.right_panel.button.item_attributes") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.item_attributes_txt") %> <br>
        8) <%= t("views.right_panel.button.item_options") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.item_options_txt") %> <br>
      </p>
    </div>
  </div>  
</div>
</div>
