<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="<%= root_path %>"><%= t("views.right_panel.button.home") %></a></li>
    <li class="breadcrumb-item"><a href="<%= settings_menu_item_attributes_path %>"><%= t("views.right_panel.header.menu_item_attributes") %></a></li>
    <li class="breadcrumb-item active"><%= t :details %></li>
    <span class="float-right">
      <%= link_to 'Back', settings_menu_item_attributes_path %>
    </span>
  </ol>
</div>

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
     <div class="card">
      <div class="card-block">
        <table class="table">
          <thead>
            <tr>
              <th><%= t("views.right_panel.detail.name") %></th>
              <th><%= t("views.right_panel.detail.value") %></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_item_attribute.name %></td>
              <td><%= @settings_menu_item_attribute.value  rescue "-" %></td>
              <td><%=l @settings_menu_item_attribute.created_at, format: :short %></td>
              <td><%= link_to t("views.btn.edit"), edit_settings_menu_item_attribute_path(@settings_menu_item_attribute),:class => 'btn btn-primary btn-sm waves-effect' %>
                <button class="delete btn btn-danger btn-sm waves-effect" data-ref="<%=settings_menu_item_attribute_path(@settings_menu_item_attribute)%>" data-method="delete">
                  <%= t("views.btn.delete") %>
                </button>
                <!-- Start Delete confirrm text !-->
                <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="col-xs-12 col-sm-12 col-md-3 col-lg-3">
    <div class="card">
      <div class="body">
        <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.name_txt2") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.item_attributes_txt") %><br> 
        2) <%= t("views.right_panel.detail.value") %> - <%= t("views.right_panel.detail.value_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.item_attributes_txt") %> <br>
        3) <%= t("views.right_panel.detail.created_at") %> - <%= t("views.right_panel.detail.created_at_txt") %> <%= t("views.right_panel.detail.item_attributes_txt") %> <br>
        4) <%= t("views.right_panel.detail.actions") %> - <%= t("views.right_panel.detail.actions_txt2") %> <%= t("views.right_panel.detail.item_attributes_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.item_attributes_txt") %> <br>
        2) <%= t("views.right_panel.button.delete") %> - <%= t("views.right_panel.detail.delete_btn_txt") %> <%= t("views.right_panel.detail.item_attributes_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.back_txt") %> <%= t("views.right_panel.detail.item_attributes_txt") %> <br>
        </p>
      </div>
    </div>  
  </div>
</div>
