<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_products_path %>"><%= t("views.right_panel.detail.product") %></a></li>
    <li class="breadcrumb-item active"><%= t :details %></li>
    <span class="float-right">
      <%= link_to t('.back', :default => t("views.btn.back")), settings_products_path %>
    </span>
  </ol>
</div>
<br>

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
     <div class="card">
      <div class="card-block">
        <h4 class="card-title"><%= t("views.right_panel.detail.product") %></h4>
        <table class="table">

          <tbody>

              <tr><td style="width:20%"><%= t("views.right_panel.detail.item_code") %></td><td><%= @settings_product.item_code  %></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.name") %></td><td><%= @settings_product.name %></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.alt_name") %></td><td><%= @settings_product.alt_name %></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.unit_price") %></td><td><%= @settings_product.unit_price %></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.product_image") %></td><td><%= image_tag @settings_product.image_path, :size => '200x200'%></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.description") %></td><td><%= @settings_product.description %></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.information") %></td><td><%= @settings_product.information %></td></tr>
              <tr><td style="width:20%"><%= t("views.right_panel.detail.taxable") %></td><td><%= @settings_product.taxable %></td></tr>
              <tr>
                <td colspan="2" align="right">
                  <%= link_to t("views.btn.edit"), edit_settings_product_path(@settings_product),:class => 'btn btn-primary btn-sm waves-effect' %>

                  <button class="delete btn btn-danger btn-sm waves-effect" data-ref="<%=settings_product_path(@settings_product)%>" 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="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.item_code") %> - <%= t("views.right_panel.detail.item_code_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.product_txt") %> <br>
        2) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.product_txt") %> <%= t("views.right_panel.detail.name_txt2") %> <br>
        3) <%= t("views.right_panel.detail.alt_name") %> - <%= t("views.right_panel.detail.alt_name_txt") %> <br>
        4) <%= t("views.right_panel.detail.unit_price") %> - <%= t("views.right_panel.detail.price_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.product_txt") %> <br>
        5) <%= t("views.right_panel.detail.product_image") %> - <%= t("views.right_panel.detail.image_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.product_txt") %> <br>
        6) <%= t("views.right_panel.detail.description") %> - <%= t("views.right_panel.detail.description_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.product_txt") %> <br>
        7) <%= t("views.right_panel.detail.information") %> - <%= t("views.right_panel.detail.information_txt") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.product_txt") %> <br>
        8) <%= t("views.right_panel.detail.taxable") %> - <%= t("views.right_panel.detail.status_txt2") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.taxable_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.product_txt") %> <br>
        2) <%= t("views.right_panel.button.delete") %> - <%= t("views.right_panel.detail.delete_btn_txt") %> <%= t("views.right_panel.detail.product_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.product_txt") %> <br>
        </p>
      </div>
    </div>
  </div>
</div>
