    <!-- 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.categories.map { |cat| cat.category }.join(", ")  %></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>
    <!-- END CONTAINER -->


