Merge pull request #304 from Purple-Stock/staging

Staging

Author: puppe1990

app/controllers/orders_control_controller.rb

@@ -24,24 +24,29 @@ def show_orders_products_stock
   def show_pending_orders
     situation_id = params[:situation_id]
     store_id = params[:store_id]
-  
+
     if situation_id.present?
       cleaned_situation_ids = situation_id.split(',').map(&:to_i)
     else
       cleaned_situation_ids = BlingOrderItem::Status::PENDING
     end
-  
+
     pending_items = Item.includes(:bling_order_item).where(bling_order_items: { situation_id: cleaned_situation_ids })
-  
+
     if store_id.present?
-      @pending_order_items = pending_items.where(bling_order_items: { store_id: store_id })
+      @all_items = pending_items.where(bling_order_items: { store_id: store_id })
     else
-      @pending_order_items = pending_items
+      @all_items = pending_items
     end
-  
+
+    # Group items by store and sort by total quantity
+    @sorted_stores = @all_items.group_by { |item| item.bling_order_item.store_name }
+                               .sort_by { |_, items| -items.sum(&:quantity) }
+                               .to_h
+
     respond_to do |format|
       format.html # show.html.erb
-      format.csv { send_data generate_csv(@pending_order_items), filename: "pending-orders-#{Date.today}.csv" }
+      format.csv { send_data generate_csv(@all_items), filename: "pending-orders-#{Date.today}.csv" }
     end
   end
 

app/views/orders_control/show_pending_orders.html.erb

@@ -20,31 +20,53 @@
   <% end %>
 
   <div class="row justify-content-center">
-    <% if @all_items.present? %>
-      <% @all_items.group_by { |item| item.bling_order_item.store_name }.each do |loja_name, items| %>
+    <% if @sorted_stores.present? %>
+      <% @sorted_stores.each do |loja_name, items| %>
         <div class="col-md-12">
           <div class="card mb-4">
+            <div class="card-header bg-primary text-white">
+              <h5 class="mb-0"><%= loja_name %> - Total: <%= items.sum(&:quantity) %> unidades</h5>
+            </div>
             <div class="card-body">
-              <h5 class="card-title"><%= loja_name %></h5>
-              <% items.group_by(&:sku).each do |codigo, sku_items| %>
-                <% sorted_sku_items = sku_items.sort_by { |item| -item.quantity.to_i } %>
-                <div>
-                  <a href="#" class="btn btn-info" data-toggle="collapse" data-target=".collapse<%= codigo %>">
-                    Código <%= codigo %> - <%= sorted_sku_items.sum { |item| item.quantity.to_i } %> unidades
-                  </a>
-                  <% sorted_sku_items.each do |item| %>
-                    <div class="collapse collapse<%= codigo %> mt-2">
-                      <div class="card card-body">
-                        Pedido: <%= item.bling_order_item.bling_order_id %>, Quantidade: <%= item.quantity %> unidades<br>
-                        <a href='https://www.bling.com.br/vendas.php#edit/<%= item.bling_order_item.bling_order_id %>'>Ver Pedido no Bling</a>
-                        <p>Status: <%= item.pending? ? 'Pendente' : 'Não Pendente' %></p>
-                        <% if item.bling_order_item.situation_id == BlingOrderItem::Status::PENDING %>
-                          <%= link_to 'Marcar como Pendente', update_status_item_path(item, status: 'pendente'), method: :patch, class: 'btn btn-success' %>
-                          <%= link_to 'Marcar como Não Pendente', update_status_item_path(item, status: 'nao_pendente'), method: :patch, class: 'btn btn-danger' %>
-                        <% end %>
-                      </div>
+              <% items.group_by(&:sku).sort_by { |_, sku_items| -sku_items.sum(&:quantity) }.each do |codigo, sku_items| %>
+                <div class="mb-3">
+                  <button class="btn btn-info btn-block text-left" type="button" data-toggle="collapse" data-target=".collapse<%= codigo %>">
+                    <strong>Código <%= codigo %></strong> - <%= sku_items.sum(&:quantity) %> unidades
+                  </button>
+                  <div class="collapse collapse<%= codigo %> mt-2">
+                    <div class="table-responsive">
+                      <table class="table table-bordered table-striped">
+                        <thead class="thead-light">
+                          <tr>
+                            <th>Pedido</th>
+                            <th>Quantidade</th>
+                            <th>Status</th>
+                            <th>Ações</th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          <% sku_items.sort_by(&:quantity).reverse.each do |item| %>
+                            <tr>
+                              <td>
+                                <%= item.bling_order_item.bling_order_id %>
+                                <a href='https://www.bling.com.br/vendas.php#edit/<%= item.bling_order_item.bling_order_id %>' target="_blank" class="btn btn-sm btn-outline-secondary ml-2">
+                                  Ver no Bling
+                                </a>
+                              </td>
+                              <td><%= item.quantity %> unidades</td>
+                              <td><%= item.pending? ? 'Pendente' : 'Não Pendente' %></td>
+                              <td>
+                                <% if item.bling_order_item.situation_id == BlingOrderItem::Status::PENDING %>
+                                  <%= link_to 'Marcar Pendente', update_status_item_path(item, status: 'pendente'), method: :patch, class: 'btn btn-sm btn-success' %>
+                                  <%= link_to 'Marcar Não Pendente', update_status_item_path(item, status: 'nao_pendente'), method: :patch, class: 'btn btn-sm btn-danger' %>
+                                <% end %>
+                              </td>
+                            </tr>
+                          <% end %>
+                        </tbody>
+                      </table>
                     </div>
-                  <% end %>
+                  </div>
                 </div>
               <% end %>
             </div>