<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
    <li class="breadcrumb-item"><a href="<%= settings_menu_category_set_menu_items_path(@category) %>">Menu Category</a></li>
    <li class="breadcrumb-item active">Details</li>
    <span class="float-right">
      <%= link_to 'Back', settings_menu_category_path(@category) %>
    </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">Menu Item </h4>
    <div class="body table-responsive">
      <table class="table">
      <thead>
        <tr>
          <th>Item code</th>
          <th>Name</th>
          <!-- <th>Alt name</th> -->
          <th>Type</th>
          <th>Account Type</th>
          <!-- <th>Menu category</th> -->
          <th>Min qty</th>
          <th>Created At</th>
          <th>Action</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td><%= @settings_menu_item.item_code %></td>
          <td><%= @settings_menu_item.name  rescue "-" %></td>
          <!-- <td><%= @settings_menu_item.alt_name %></td> -->
          <td><%= @settings_menu_item.type %></td>
          <td><%= @settings_menu_item.account.title %></td>
          <!-- <td><%= @settings_menu_item.menu_category_id %></td> -->
          <td><%= @settings_menu_item.min_qty %></td>
          <td><%= @settings_menu_item.created_at.utc.getlocal.strftime("%Y-%m-%d")  %></td>
          <td><%= link_to t("views.btn.edit"), edit_settings_menu_category_set_menu_item_path(@category, @settings_menu_item),:class => 'btn btn-info btn-sm waves-effect' %>
            <button class="delete btn btn-danger btn-sm waves-effect" data-ref="<%= settings_menu_category_set_menu_item_path(@category, @settings_menu_item)%>" 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>

<div class="card">
  <div class="card-block">
    <h4 class="card-title">Menu Item Instances
      <span style="float: right">
        <%= link_to t("views.btn.new"),new_settings_set_menu_item_menu_item_instance_path(@settings_menu_item),:class => 'btn btn-primary btn-sm' %>
      </span>

    </h4>
    <table class="table">
      <thead>
        <tr>
          <!-- <th>Menu Item Id</th> -->
          <th>Instance code</th>
          <th>Instance name</th>
          <th>Attributes</th>
          <th>price</th>
         <!--  <th>Promotion</th>
          <th>promotion price</th> -->
          <!-- <th>Created at</th> -->

          <th>Actions</th>
        </tr>
      </thead>

      <tbody>
        <% @menu_item_instance.each do |settings_menu_item| %>
          <tr>
            <!-- <td><%= settings_menu_item.menu_item_id %></td> -->
            <td><%= settings_menu_item.item_instance_code %></td>
            <td><%= settings_menu_item.item_instance_name %></td>
            <td><%= settings_menu_item.item_attributes %></td>
            <td><%= settings_menu_item.price %></td><!-- 
            <td><%= settings_menu_item.is_on_promotion %></td>
            <td><%= settings_menu_item.promotion_price %></td> -->
           <!--  <td><%= settings_menu_item.created_at.utc.getlocal.strftime("%Y-%m-%d/%I:%M %p")  %></td> -->
            <td><%= link_to 'Show', settings_set_menu_item_menu_item_instance_path(@settings_menu_item, settings_menu_item ),:class => 'btn btn-info btn-sm waves-effect' %>
            <%= link_to t("views.btn.edit"), edit_settings_set_menu_item_menu_item_instance_path(@settings_menu_item, settings_menu_item),:class => 'btn btn-primary btn-sm waves-effect' %>
            <%= link_to t("views.btn.delete"), settings_set_menu_item_menu_item_instance_path(@settings_menu_item, settings_menu_item ), method: :delete, data: { confirm: 'Are you sure?' },:class => 'btn btn-danger btn-sm waves-effect' %>             
           </td>
          </tr>
        <% end %>
      </tbody>
    </table>
  </div>
</div>
</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_item") %></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.item_code") %> - <%= t("views.right_panel.detail.code_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
        2) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.menu_item_txt") %> <%= t("views.right_panel.detail.name_txt2") %> <br>
        3) <%= t("views.right_panel.detail.type") %> - <%= t("views.right_panel.detail.type_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
        4) <%= t("views.right_panel.detail.account") %> - <%= t("views.right_panel.detail.account_type_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
        5) <%= t("views.right_panel.detail.created_at") %> - <%= t("views.right_panel.detail.created_at_txt") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
        6) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt2") %> <%= t("views.right_panel.detail.menu_item_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_item_txt") %> <br>
        2) <%= t("views.right_panel.button.delete") %> - <%= t("views.right_panel.detail.delete_btn_txt") %> <%= t("views.right_panel.detail.menu_item_txt") %> <br>
        </p>

        <h5><%= t("views.right_panel.header.menu_item_instances") %></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.instance_code") %> - <%= t("views.right_panel.detail.code_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
          2) <%= t("views.right_panel.detail.instance_name") %> - <%= t("views.right_panel.detail.name_txt2") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
          3) <%= t("views.right_panel.detail.item_attributes") %> - <%= t("views.right_panel.detail.item_attributes_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %><br>
          4) <%= t("views.right_panel.detail.price") %> - <%= t("views.right_panel.detail.price_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
          4) <%= t("views.right_panel.detail.promotion") %> - <%= t("views.right_panel.detail.promotion_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
          5) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt") %> <%= t("views.right_panel.detail.menu_item_instance_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_item_instance_txt") %> <br>
        2) <%= t("views.right_panel.button.show") %> - <%= t("views.right_panel.detail.show_btn_txt") %> <%= t("views.right_panel.detail.menu_item_instance_txt") %> <br>
        3) <%= t("views.right_panel.button.edit") %> - <%= t("views.right_panel.detail.edit_btn_txt") %> <%= t("views.right_panel.detail.menu_item_instance_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>
