POS-Server/app/views/available_products/index.html.erb

<!-- BEGIN CONTAINER -->
<div class="page-container">
  <!-- BEGIN CONTENT -->
  <div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <!-- BEGIN PAGE HEAD-->
    <div class="page-head">
      <div class="container-fluid">
        <!-- BEGIN PAGE TITLE -->
        <div class="page-title">
          <h1>Productos disponibles</h1>
        </div>
        <!-- END PAGE TITLE -->
      </div>
    </div>
    <!-- END PAGE HEAD-->
    <!-- BEGIN PAGE CONTENT BODY -->
    <div class="page-content">
      <div class="container-fluid">
        <!-- BEGIN PAGE BREADCRUMBS -->
        <ul class="page-breadcrumb breadcrumb">
        <li>
          <a href="/">Inicio</a>
          <i class="fa fa-circle"></i>
        </li>
        <li>
          <span> </span>
        </li>
      </ul>
        <!-- END PAGE BREADCRUMBS -->
        <!-- BEGIN PAGE CONTENT INNER -->
      <div class="page-content-inner">
        <div id="notice">
          <% if success %>
            <div class="alert alert-success">
              <p><%= success %></p>
            </div>
          <% elsif warning %>
            <div class="alert alert-warning">
              <p><%= warning %></p>
            </div>
          <% end %>
        </div>
        <div class="row">
          <%= form_for(@pointsale, html: { class: "form-horizontal" }) do |f| %>
            <div class="col-md-6">
              <div class="portlet light ">
                <div class="portlet-title">
                  <div class="caption">
                    <i class="fa fa-list "></i>
                    <span class="caption-subject bold uppercase">Productos disponibles</span>
                  </div>
                  <div class="actions">
                  </div>
                </div>
                <div class="portlet-body">
                  <div class="note note-info">
                    <h4 class="block">Lista de productos disponibles</h4>
                    <p> En esta lista se muestran todos los productos disponibles para su venta en forma general, dentro de la cuenta de administración. </p>
                  </div>
                  <table class="table table-striped table-bordered table-hover tablechecks">
                    <thead>
                      <tr>
                        <th> <input type="checkbox" class="group-checkable" data-set=".tablechecks .checkboxes" /> </th>
                        <th>SKU</th>
                        <th>Producto</th>
                        <th>Categorias</th>
                      </tr>
                    </thead>
                    <tbody>
                      <% @products.each do |product| %>
                        <tr>
                          <td> <input type="checkbox" class="checkboxes" value="1" /> </td>
                          <td><%= product.sku %></td>
                          <td><%= product.name %> | <%= product.display_attributes %> </td>
                          <td><%= product.category.category %></td>
                        </tr>
                      <% end %>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <% end %>
          </div>
        </div>
        <!-- END PAGE CONTENT INNER -->
      </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
    <!-- END CONTENT BODY -->
  </div>
  <!-- END CONTENT -->
</div>