feat(cassa): applica ordinamento piatti e semplifica catalogo

Co-authored-by: Cursor <cursoragent@cursor.com>

app/Http/Controllers/OperatoreController.php

    
 
         // dd(Cookie::get('binding_token'));
-        $cucine = $puntoVendita->cucine()->where('is_attiva', true)->orderBy('nome')->get();
+        $cucine = $puntoVendita->cucine()
+            ->where('is_attiva', true)
+            ->with(['piatti' => function ($query) {
+                $query->where('is_attivo', true)
+                    ->with('allergeni')
+                    ->ordinatiInCassa();
+            }])
+            ->orderBy('nome')
+            ->get();
 
 
 

app/Http/Controllers/PuntoVenditaController.php

             ->with(['piatti' => function ($query) {
                 $query->where('is_attivo', true)
                     ->with('allergeni')
-                    ->orderBy('nome');
+                    ->ordinatiInCassa();
             }])
             ->orderBy('nome')
             ->get();

resources/views/punto_vendita/cassa/_partials/menu_cucine.blade.php

             aria-labelledby="tab-cucina-{{ $cucina->id }}"
             tabindex="0"
           >
-            <div class="gap-4 row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-xl-4 row-cols-xxl-5 g-2 cassa-piatti-grid">
+            <div class="cassa-piatti-grid">
               @php
-                $piatti = $cucina->piatti ?? collect();
-                $preferiti = $piatti
-                    ->filter(fn ($piatto) => (bool) ($piatto->in_evidenza ?? false))
-                    ->sortBy(fn ($piatto) => mb_strtolower((string) ($piatto->nome ?? '')), SORT_NATURAL);
-
-                $nonPreferiti = $piatti
-                    ->reject(fn ($piatto) => (bool) ($piatto->in_evidenza ?? false))
-                    ->sortBy(fn ($piatto) => mb_strtolower((string) ($piatto->nome ?? '')), SORT_NATURAL);
-
-                $gruppiAlfabetici = $nonPreferiti->groupBy(function ($piatto) {
-                    $nome = trim((string) ($piatto->nome ?? ''));
-                    if ($nome === '') {
-                        return '#';
-                    }
-
-                    $iniziale = mb_strtoupper(mb_substr($nome, 0, 1));
-                    return preg_match('/[A-Z]/u', $iniziale) ? $iniziale : '#';
-                });
+                $piattiOrdinati = \App\Models\Piatto::ordinaCollezioneInCassa($cucina->piatti ?? []);
               @endphp
 
-              @if($preferiti->isNotEmpty())
-                <div class="col-12 cassa-piatti-divider">
-                  <span class="cassa-piatti-divider-pill"><i class="bx bxs-star me-1"></i>Preferiti</span>
+              @if($piattiOrdinati->isEmpty())
+                <p class="text-muted mb-0">Nessun piatto attivo per questa cucina.</p>
+              @else
+                <div class="cassa-piatti-giornale">
+                  @foreach ($piattiOrdinati as $piatto)
+                    @include('punto_vendita.cassa._partials.piatto', ['piatto' => $piatto, 'cucina' => $cucina])
+                  @endforeach
                 </div>
-                @foreach ($preferiti as $piatto)
-                  @include('punto_vendita.cassa._partials.piatto', ['piatto' => $piatto, 'cucina' => $cucina])
-                @endforeach
               @endif
-
-              @forelse ($gruppiAlfabetici as $lettera => $piattiGruppo)
-                <div class="col-12 cassa-piatti-divider">
-                  <span class="cassa-piatti-divider-pill">{{ $lettera }}</span>
-                </div>
-                @foreach ($piattiGruppo as $piatto)
-                  @include('punto_vendita.cassa._partials.piatto', ['piatto' => $piatto, 'cucina' => $cucina])
-                @endforeach
-              @empty
-                <div class="col-12">
-                  <p class="text-muted mb-0">Nessun piatto attivo per questa cucina.</p>
-                </div>
-              @endforelse
             </div>
           </div>
         @endforeach
     padding-bottom: 0.35rem;
     scrollbar-width: thin;
   }
+  .cassa-piatti-giornale {
+    column-count: 2;
+    column-gap: 0.5rem;
+    column-fill: balance;
+  }
+  .cassa-piatti-giornale > .col {
+    display: inline-block;
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 0.5rem;
+    break-inside: avoid;
+    -webkit-column-break-inside: avoid;
+    page-break-inside: avoid;
+    vertical-align: top;
+  }
+  .cassa-piatti-giornale .cassa-piatto-card.h-100 {
+    height: auto !important;
+  }
+  @media (min-width: 576px) {
+    .cassa-piatti-giornale { column-count: 3; }
+  }
+  @media (min-width: 768px) {
+    .cassa-piatti-giornale { column-count: 4; }
+  }
+  @media (min-width: 1400px) {
+    .cassa-piatti-giornale { column-count: 5; }
+  }
   @media (max-width: 1199.98px) {
     .cassa-cucine-card {
       height: 100% !important;
     font-size: 0.95rem;
     line-height: 1;
   }
+  .cassa-piatti-gruppo-gap {
+    flex: 0 0 100% !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    height: 0.85rem;
+  }
   .cassa-piatti-divider {
     position: static;
     flex: 0 0 100% !important;

resources/views/punto_vendita/cassa/viste/catalogo/_partials/style.blade.php

     z-index: 40;
   }
 
-  .cassa-sb-letter-divider {
-    align-self: center;
-    min-height: 0;
-    height: auto;
-    margin-top: .62rem;
-    margin-bottom: -.38rem;
-    padding: 0 .14rem 0;
-    pointer-events: none;
-  }
-
-  .cassa-sb-products > .cassa-sb-letter-divider:first-child {
-    margin-top: 0;
-  }
-
-  .cassa-sb-letter-divider-label {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: .4rem;
-    width: 100%;
-    font-size: .9rem;
-    font-weight: 800;
-    letter-spacing: .04em;
-    text-transform: uppercase;
-    color: var(--sb-primary);
-    line-height: 1;
-  }
-
-  .cassa-sb-letter-divider-label::after {
-    content: "";
-    flex: 1 1 auto;
-    border-top: 1px solid color-mix(in srgb, var(--sb-primary) 24%, var(--sb-border) 76%);
-  }
-
   .cassa-sb-product:hover {
     border-color: color-mix(in srgb, var(--sb-primary) 55%, var(--sb-product-border) 45%);
     background: var(--sb-product-bg-hover);

resources/views/punto_vendita/cassa/viste/catalogo/index.blade.php

         <div class="cassa-sb-products-wrap" id="product-panel">
           <div class="cassa-sb-products" id="product-grid">
             @foreach($cucine as $cucina)
-              @foreach(($cucina->piatti ?? collect()) as $piatto)
+              @foreach(\App\Models\Piatto::ordinaCollezioneInCassa($cucina->piatti ?? []) as $piatto)
                 
                 <article
                   class="cassa-sb-product"
                   data-product-item
                   data-kitchen-id="{{ $cucina->id }}"
                   data-name="{{ mb_strtolower((string) ($piatto->nome ?? ''), 'UTF-8') }}"
+                  data-ordine-visualizzazione="{{ \App\Models\Piatto::ordineVisualizzazioneImpostato($piatto->ordine_visualizzazione) ? (int) $piatto->ordine_visualizzazione : 0 }}"
                   data-piatto-id="{{ $piatto->id }}"
                   data-title="{{ $piatto->nome }}"
                   data-price="{{ (float) ($piatto->prezzo ?? 0) }}"
       <div class="cassa-sb-footer">
         <div class="cassa-sb-pay-grid">
           <button type="button" class="cassa-sb-main-btn" onclick="checkout()">Paga ora</button>
+          {{--
           <button type="button" class="cassa-sb-cash-btn">Contanti</button>
           <button type="button" class="cassa-sb-card-btn">Carta</button>
+          --}}
           <button type="button" class="cassa-sb-clear-btn" id="cart-reset" onclick="azzeraCarrello()">Svuota</button>
         </div>
       </div>
       });
     };
 
-    const getProductInitialLetter = function (name) {
-      const trimmed = (name || '').trim();
-      if (trimmed === '') return '#';
-      const initial = [...trimmed][0]?.toLocaleUpperCase('it') || '#';
-      return /^[A-Z]$/.test(initial.normalize('NFD').replace(/\p{M}/gu, '')) ? initial : '#';
+    const prodottoHaOrdine = function (item) {
+      const n = Number.parseInt(item.dataset.ordineVisualizzazione || '0', 10);
+      return Number.isFinite(n) && n !== 0;
     };
 
-    const createLetterDivider = function (letter) {
-      const divider = document.createElement('div');
-      divider.className = 'cassa-sb-letter-divider js-letter-divider';
-      divider.setAttribute('data-letter', letter);
-      const label = document.createElement('span');
-      label.className = 'cassa-sb-letter-divider-label';
-      label.textContent = letter;
-      divider.appendChild(label);
-      return divider;
-    };
-
-    const clearLetterDividers = function () {
-      productGrid.querySelectorAll('.js-letter-divider').forEach(function (node) {
-        node.remove();
-      });
-    };
-
-    const LETTER_DIVIDER_MIN_ITEMS = 10;
-
-    const buildProductGridSequence = function (items, totalVisibleCount) {
-      const sequence = [];
-      const showLetterDividers = totalVisibleCount > LETTER_DIVIDER_MIN_ITEMS;
-      let lastLetter = null;
-
-      items.forEach(function (item) {
-        const letter = getProductInitialLetter(item.dataset.title || item.dataset.name || '');
-        if (showLetterDividers && letter !== lastLetter) {
-          sequence.push(createLetterDivider(letter));
-          lastLetter = letter;
-        }
-        if (!showLetterDividers) {
-          lastLetter = letter;
-        }
-        sequence.push(item);
-      });
-
-      return sequence;
+    const sortProductsForCassa = function (items) {
+      if (items.length > 0 && items.every(prodottoHaOrdine)) {
+        return items.slice().sort(function (a, b) {
+          const oa = Number.parseInt(a.dataset.ordineVisualizzazione, 10);
+          const ob = Number.parseInt(b.dataset.ordineVisualizzazione, 10);
+          if (oa !== ob) return oa - ob;
+          const nameA = (a.dataset.title || a.dataset.name || '').trim();
+          const nameB = (b.dataset.title || b.dataset.name || '').trim();
+          return nameA.localeCompare(nameB, 'it', { sensitivity: 'base' });
+        });
+      }
+      return sortProductsAlphabetically(items);
     };
 
     const renderProducts = function () {
       }
 
       const term = (productSearch?.value || '').trim().toLowerCase();
-      visibleProducts = sortProductsAlphabetically(productItems.filter(function (item) {
+      visibleProducts = sortProductsForCassa(productItems.filter(function (item) {
         const okKitchen = selectedKitchen === 'all' || item.dataset.kitchenId === selectedKitchen;
         const okSearch = term === '' || (item.dataset.name || '').includes(term);
         return okKitchen && okSearch;
 
       productItems.forEach(function (item) { item.style.display = 'none'; });
       const current = visibleProducts.slice(start, end);
-      clearLetterDividers();
-
-      const gridSequence = buildProductGridSequence(current, visibleProducts.length);
-      gridSequence.forEach(function (node) {
-        if (node.classList.contains('cassa-sb-product')) {
-          node.style.display = '';
-        }
-        productGrid.appendChild(node);
+      current.forEach(function (item) {
+        item.style.display = '';
+        productGrid.appendChild(item);
       });
 
       visibleProducts.forEach(function (item) {
       });
 
       productGrid.querySelectorAll('.js-product-placeholder').forEach(function (node) { node.remove(); });
-      applyProductGridLayout(gridSequence.length);
+      applyProductGridLayout(current.length);
 
       productStatus.textContent = productPage + ' / ' + maxPage;
       productPrev.disabled = productPage <= 1;