Report, bilancio e vetrina pubblica attivita.

Allinea dashboard incassi e le pagine guest senza toccare il pay path.

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

app/Http/Controllers/BilancioController.php

@@ -35,6 +35,9 @@ class BilancioController extends Controller
     public function oggi(Request $request, BilancioServizioService $bilancioServizio)
     {
         $attivitaId = (int) session()->get('attivita_attuale');
+        if ($attivitaId <= 0 && ! auth()->user()?->hasRole('superadmin')) {
+            $attivitaId = -1;
+        }
         $attivita = Attivita::find($attivitaId);
         $period = $bilancioServizio->currentPeriod($attivitaId);
         $periodStart = $period['start'];
@@ -62,6 +65,9 @@ class BilancioController extends Controller
     public function index(Request $request, BilancioServizioService $bilancioServizio)
     {
         $attivitaId = (int) session()->get('attivita_attuale');
+        if ($attivitaId <= 0 && ! auth()->user()?->hasRole('superadmin')) {
+            $attivitaId = -1;
+        }
         $attivita = Attivita::find($attivitaId);
 
         $year = (int) $request->get('anno', now()->year);
@@ -82,12 +88,9 @@ class BilancioController extends Controller
             ->get();
 
         $movimenti = $movimentiCollection->map(function ($movimento) {
-            $tipoRaw = strtolower((string) ($movimento->tipo_movimento ?? ''));
-            $isUscita = $tipoRaw === 'uscita' || ((float) ($movimento->importo ?? 0)) < 0;
-
             return [
                 'data' => $movimento->created_at,
-                'tipo' => $isUscita ? 'uscita' : 'entrata',
+                'tipo' => $movimento->tipoPerAggregazione(),
                 'importo' => abs((float) ($movimento->importo ?? 0)),
                 'pagamento_id' => (int) ($movimento->pagamento_id ?? 0),
                 'fornitore_id' => (int) ($movimento->fornitore_id ?? 0),
@@ -105,6 +108,8 @@ class BilancioController extends Controller
 
         $ricaviTotali = (float) $movimenti->where('tipo', 'entrata')->sum('importo');
         $costiTotali = (float) $movimenti->where('tipo', 'uscita')->sum('importo');
+        $importoNonContabilizzato = (float) $movimenti->where('tipo', 'no_contabile')->sum('importo');
+        $movimentiNonContabilizzatiCount = (int) $movimenti->where('tipo', 'no_contabile')->count();
 
         // Fallback per ricavi se la prima nota non contiene entrate.
         $pagamentiCollection = Pagamento::query()
@@ -113,6 +118,7 @@ class BilancioController extends Controller
                 $query->where('attivita_id', $attivitaId);
             })
             ->whereBetween('created_at', [$yearStart, $yearEnd])
+            ->perIncasso()
             ->orderBy('created_at')
             ->get();
 
@@ -145,6 +151,9 @@ class BilancioController extends Controller
                 continue;
             }
             $row = $mesiBase->get($monthKey);
+            if ($movimento['tipo'] === 'no_contabile') {
+                continue;
+            }
             if ($movimento['tipo'] === 'entrata') {
                 $row['ricavi'] += $movimento['importo'];
             } else {
@@ -377,6 +386,8 @@ class BilancioController extends Controller
             'costiTotali' => $costiTotali,
             'saldoTotale' => $saldo,
             'movimentiCount' => $movimenti->count(),
+            'importoNonContabilizzato' => $importoNonContabilizzato,
+            'movimentiNonContabilizzatiCount' => $movimentiNonContabilizzatiCount,
             'andamentoMensile' => $andamentoMensile,
             'costiRows' => $costiRows,
             'ricaviRows' => $ricaviRows,

app/Services/Bilancio/BilancioServizioService.php

@@ -21,7 +21,9 @@ class BilancioServizioService
                 $query
                     ->where('attivita_id', $attivitaId)
                     ->whereBetween('created_at', [$start, $end])
-                    ->whereHas('pagamenti');
+                    ->whereHas('pagamenti', function ($pagamentiQuery) {
+                        $pagamentiQuery->perIncasso();
+                    });
             })
             ->get();
     }
@@ -117,6 +119,7 @@ class BilancioServizioService
             ->with(['metodo_pagamento', 'ordine.righe_ordine.piatto.cucina'])
             ->where('attivita_id', $attivitaId)
             ->whereBetween('created_at', [$start, $end])
+            ->perIncasso()
             ->get();
 
         $paymentSummary = $pagamenti

config/filesystems.php

@@ -88,6 +88,12 @@ return [
             'url' => env('APP_URL').'/storage/festAgent',
             'visibility' => 'public',
         ],
+        'templateCupon' => [
+            'driver' => 'local',
+            'root' => storage_path('app/public/templateCupon'),
+            'url' => env('APP_URL').'/storage/templateCupon',
+            'visibility' => 'public',
+        ],
         's3' => [
             'driver' => 's3',
             'key' => env('AWS_ACCESS_KEY_ID'),

package-lock.json

@@ -5724,26 +5724,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001734",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001734.tgz",
-      "integrity": "sha512-uhE1Ye5vgqju6OI71HTQqcBCZrvHugk0MjLak7Q+HfoBgoq5Bi+5YnwjP4fjDgrtYr/l8MVRBvzz9dPD4KyK0A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -18131,12 +18111,6 @@
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
       "dev": true
     },
-    "caniuse-lite": {
-      "version": "1.0.30001734",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001734.tgz",
-      "integrity": "sha512-uhE1Ye5vgqju6OI71HTQqcBCZrvHugk0MjLak7Q+HfoBgoq5Bi+5YnwjP4fjDgrtYr/l8MVRBvzz9dPD4KyK0A==",
-      "dev": true
-    },
     "chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -24241,4 +24215,4 @@
       "dev": true
     }
   }
-}
+}

resources/css/guest-client.css

@@ -361,7 +361,9 @@
 
 .guest-fest-actions {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
+  gap: 0.5rem;
   padding: 0.5rem 0 0;
   margin-top: 0.35rem;
   border-top: 1px solid var(--fest-border);

resources/css/welcome.css

@@ -1,5 +1,5 @@
 /**
- * Welcome — bacheca attività attive
+ * Welcome — bacheca (allineata a evento/prenota public)
  */
 
 .welcome-bacheca {
@@ -7,58 +7,79 @@
   --fest-orange-soft: #ff9a2e;
   --fest-purple: #602d91;
   --fest-navy: #15265c;
-  --fest-text: #1a2744;
-  --fest-text-muted: #4a5568;
-  --fest-surface: #eef1f7;
+  --fest-text: #15265c;
+  --fest-text-muted: #5b6579;
+  --fest-surface: #ffffff;
   --fest-card: #ffffff;
-  --fest-radius: 1.15rem;
-  --fest-shadow: 0 4px 24px rgba(21, 38, 92, 0.08), 0 1px 3px rgba(21, 38, 92, 0.06);
+  --fest-radius: 0.85rem;
+  --fest-shadow: 0 2px 12px rgba(21, 38, 92, 0.06);
+  --evento-accent: var(--fest-orange);
+  --evento-navy: var(--fest-navy);
+  --evento-muted: var(--fest-text-muted);
+  --evento-purple: var(--fest-purple);
+  --evento-border: rgba(21, 38, 92, 0.1);
+  --evento-gutter: clamp(0.85rem, 3vw, 1.25rem);
 
+  position: relative;
   width: 100%;
-  max-width: 72rem;
-  margin-inline: auto;
-  padding: 0 0.75rem 2.5rem;
+  max-width: 100%;
+  min-height: 100vh;
+  min-height: 100dvh;
+  display: flex;
+  flex-direction: column;
   font-family: "Plus Jakarta Sans", "Public Sans", system-ui, sans-serif;
   color: var(--fest-text);
+  overflow-x: hidden;
 }
 
+html.welcome-bacheca-page,
+html.welcome-bacheca-page body {
+  height: 100%;
+  margin: 0;
+  background: #f4f5f9;
+}
+
+html.welcome-bacheca-page .layout-wrapper,
+html.welcome-bacheca-page .content-wrapper,
+html.welcome-bacheca-page .layout-page,
+html.welcome-bacheca-page .container-xxl {
+  padding: 0 !important;
+  margin: 0 !important;
+  max-width: 100% !important;
+}
+
+html.welcome-bacheca-page .d-flex.flex-column.min-vh-100 {
+  min-height: 100vh !important;
+  min-height: 100dvh !important;
+}
+
+html.welcome-bacheca-page .misc-wrapper,
 .misc-wrapper.misc-wrapper--welcome-bacheca {
-  text-align: start;
-  align-items: flex-start;
-  justify-content: flex-start;
-  padding: 1rem 0 2rem;
+  display: flex !important;
+  flex-direction: column !important;
+  min-height: 100vh;
+  min-height: 100dvh;
+  width: 100%;
   max-width: 100%;
-  min-block-size: auto;
+  padding: 0;
+  margin: 0;
+  align-items: stretch !important;
+  justify-content: flex-start !important;
+  text-align: start !important;
   background: transparent;
 }
 
-html.welcome-bacheca-page,
-html.welcome-bacheca-page body {
-  background: #f6f7fb;
+html.welcome-bacheca-page .row.mt-3.mb-3,
+html.welcome-bacheca-page footer:not(.welcome-bacheca__footer) {
+  display: none !important;
 }
 
-/*
- * Prova colorazione sfondo — varianti:
- *   default (nessun attributo) = colorato Fest
- *   data-bg="soft"  = più tenue
- *   data-bg="bold"  = più saturo
- */
 .welcome-bacheca__bg {
-  --bg-warm: #fff6ee;
-  --bg-mid: #f3ebf8;
-  --bg-cool: #e6edf8;
-
   position: fixed;
   inset: 0;
-  z-index: -1;
-  overflow: hidden;
+  z-index: 0;
   pointer-events: none;
-  background: linear-gradient(
-    145deg,
-    var(--bg-warm) 0%,
-    var(--bg-mid) 38%,
-    var(--bg-cool) 100%
-  );
+  background: linear-gradient(150deg, #fff7f0 0%, #f3ebf8 42%, #e8eef8 100%);
 }
 
 .welcome-bacheca__bg::before {
@@ -66,154 +87,81 @@ html.welcome-bacheca-page body {
   position: absolute;
   inset: 0;
   background:
-    radial-gradient(ellipse 75% 55% at 8% 18%, rgba(245, 130, 32, 0.38) 0%, transparent 58%),
-    radial-gradient(ellipse 70% 50% at 95% 82%, rgba(96, 45, 145, 0.32) 0%, transparent 55%),
-    radial-gradient(ellipse 55% 40% at 55% 0%, rgba(21, 38, 92, 0.14) 0%, transparent 50%),
-    radial-gradient(ellipse 45% 35% at 72% 42%, rgba(245, 130, 32, 0.12) 0%, transparent 48%);
-  pointer-events: none;
-}
-
-.welcome-bacheca__bg::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(
-    118deg,
-    rgba(245, 130, 32, 0.07) 0%,
-    transparent 32%,
-    transparent 58%,
-    rgba(96, 45, 145, 0.09) 78%,
-    rgba(21, 38, 92, 0.06) 100%
-  );
-  pointer-events: none;
-}
-
-.welcome-bacheca__bg[data-bg="soft"] {
-  --bg-warm: #faf8fc;
-  --bg-mid: #f4f2f8;
-  --bg-cool: #eef1f8;
+    radial-gradient(ellipse 70% 45% at 12% 12%, color-mix(in srgb, var(--evento-accent) 28%, transparent) 0%, transparent 55%),
+    radial-gradient(ellipse 55% 40% at 90% 80%, rgba(96, 45, 145, 0.18) 0%, transparent 52%);
 }
 
-.welcome-bacheca__bg[data-bg="soft"]::before {
-  opacity: 0.55;
-}
-
-.welcome-bacheca__bg[data-bg="bold"] {
-  --bg-warm: #ffe8d4;
-  --bg-mid: #ecd8f5;
-  --bg-cool: #d8e4f8;
-}
-
-.welcome-bacheca__bg[data-bg="bold"]::before {
-  background:
-    radial-gradient(ellipse 80% 60% at 5% 15%, rgba(245, 130, 32, 0.55) 0%, transparent 55%),
-    radial-gradient(ellipse 75% 55% at 98% 88%, rgba(96, 45, 145, 0.48) 0%, transparent 52%),
-    radial-gradient(ellipse 50% 40% at 50% 5%, rgba(21, 38, 92, 0.22) 0%, transparent 48%);
+.welcome-bacheca__top {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  width: 100%;
+  padding: calc(0.75rem + env(safe-area-inset-top, 0px)) var(--evento-gutter) 0.75rem;
+  background: rgba(255, 255, 255, 0.92);
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid var(--evento-border);
 }
 
-.welcome-bacheca__bg-stripe {
+.welcome-bacheca__top::after {
+  content: "";
   position: absolute;
-  top: 0;
   left: 0;
   right: 0;
-  height: 6px;
-  z-index: 2;
-  background: linear-gradient(
-    90deg,
-    var(--fest-orange) 0%,
-    var(--fest-purple) 50%,
-    var(--fest-navy) 100%
-  );
-  box-shadow: 0 3px 16px rgba(96, 45, 145, 0.25);
-}
-
-.welcome-bacheca__bg-pattern {
-  position: absolute;
-  inset: 0;
-  opacity: 0.55;
-  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 4L52 28L28 52L4 28Z' stroke='%23f58220' stroke-opacity='.22' stroke-width='.7' fill='none'/%3E%3Cpath d='M28 12L44 28L28 44L12 28Z' stroke='%23602d91' stroke-opacity='.18' stroke-width='.55' fill='none'/%3E%3Ccircle cx='28' cy='28' r='1.35' fill='%2315265c' fill-opacity='.15'/%3E%3C/svg%3E");
-  background-size: 56px 56px;
-  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 100%);
-}
-
-.welcome-bacheca__bg-glow {
-  position: absolute;
-  border-radius: 50%;
-  filter: blur(80px);
-  will-change: transform;
-  mix-blend-mode: multiply;
-}
-
-.welcome-bacheca__bg-glow--orange {
-  width: min(58vw, 520px);
-  height: min(58vw, 520px);
-  top: -14%;
-  right: -10%;
-  background: rgba(245, 130, 32, 0.45);
-  mix-blend-mode: normal;
-}
-
-.welcome-bacheca__bg-glow--purple {
-  width: min(54vw, 460px);
-  height: min(54vw, 460px);
-  bottom: -12%;
-  left: -8%;
-  background: rgba(96, 45, 145, 0.38);
-  mix-blend-mode: normal;
-}
-
-.welcome-bacheca__bg-glow--navy {
-  width: min(44vw, 400px);
-  height: min(44vw, 400px);
-  top: 42%;
-  left: 48%;
-  transform: translate(-50%, -50%);
-  background: rgba(21, 38, 92, 0.18);
-  filter: blur(100px);
-  mix-blend-mode: normal;
+  bottom: 0;
+  height: 3px;
+  background: linear-gradient(90deg, var(--evento-accent) 0%, var(--evento-purple) 55%, var(--evento-navy) 100%);
+  opacity: 0.85;
 }
 
-/* Masthead compatto */
-.welcome-bacheca__masthead {
-  margin-bottom: 1.25rem;
-  padding: 0 0.15rem;
-  background: transparent;
-  border: none;
-  box-shadow: none;
+.welcome-bacheca__top-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.88rem;
+  font-weight: 600;
+  color: var(--evento-navy);
+  text-decoration: none;
+  max-width: 70%;
 }
 
-.welcome-bacheca__masthead-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  margin-bottom: 0.85rem;
-  padding-bottom: 0;
-  border-bottom: none;
+.welcome-bacheca__top-link span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.welcome-bacheca__brand {
-  max-width: min(200px, 50vw);
-  flex-shrink: 0;
+.welcome-bacheca__top-link:hover {
+  color: var(--evento-accent);
 }
 
-.welcome-bacheca__logo {
+.welcome-bacheca__brand-logo {
   display: block;
-  width: 100%;
-  height: auto;
-  max-height: 3.25rem;
+  height: 1.55rem !important;
+  width: auto !important;
+  max-height: 1.55rem !important;
+  max-width: 7.5rem;
   object-fit: contain;
-  object-position: left center;
+  opacity: 0.92;
 }
 
-.welcome-bacheca__masthead-actions {
+.welcome-bacheca__shell {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  max-width: 72rem;
+  margin: 0 auto;
+  padding: 1.15rem var(--evento-gutter) 2rem;
   display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
+  flex-direction: column;
+  flex: 1;
 }
 
-.welcome-bacheca__masthead-body {
+.welcome-bacheca__intro {
+  margin-bottom: 1.15rem;
   max-width: 40rem;
 }
 
@@ -222,19 +170,19 @@ html.welcome-bacheca-page body {
   align-items: center;
   justify-content: center;
   gap: 0.35rem;
-  padding: 0.5rem 1rem;
+  padding: 0.55rem 1.1rem;
   font-size: 0.875rem;
   font-weight: 600;
-  border-radius: 0.5rem;
+  border-radius: 0.65rem;
   text-decoration: none;
   border: 1px solid transparent;
-  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
+  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
 }
 
 .welcome-bacheca__btn--ghost {
   color: var(--fest-navy);
   background: #fff;
-  border-color: rgba(21, 38, 92, 0.2);
+  border-color: rgba(21, 38, 92, 0.16);
 }
 
 .welcome-bacheca__btn--ghost:hover {
@@ -252,14 +200,15 @@ html.welcome-bacheca-page body {
 .welcome-bacheca__btn--primary:hover {
   color: #fff;
   box-shadow: 0 4px 16px rgba(245, 130, 32, 0.38);
+  transform: translateY(-1px);
 }
 
 .welcome-bacheca__eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 0.45rem;
-  margin: 0 0 0.65rem;
-  font-size: 0.75rem;
+  margin: 0 0 0.45rem;
+  font-size: 0.72rem;
   font-weight: 700;
   letter-spacing: 0.12em;
   text-transform: uppercase;
@@ -281,19 +230,19 @@ html.welcome-bacheca-page body {
 }
 
 .welcome-bacheca__title {
-  font-size: clamp(1.2rem, 3vw, 1.45rem);
-  font-weight: 700;
+  font-size: clamp(1.45rem, 3.5vw, 1.85rem);
+  font-weight: 800;
   color: var(--fest-navy);
   margin: 0;
-  line-height: 1.2;
-  letter-spacing: -0.02em;
+  line-height: 1.15;
+  letter-spacing: -0.03em;
 }
 
 .welcome-bacheca__lead {
-  font-size: 1rem;
-  line-height: 1.6;
+  font-size: 0.95rem;
+  line-height: 1.55;
   color: var(--fest-text-muted);
-  margin: 0;
+  margin: 0.45rem 0 0;
   max-width: 32rem;
 }
 
@@ -307,11 +256,11 @@ html.welcome-bacheca-page body {
   align-items: center;
   gap: 0.55rem;
   margin-bottom: 0.85rem;
-  padding: 0.55rem 0.85rem;
-  border-radius: 0.75rem;
-  background: rgba(255, 255, 255, 0.92);
-  border: 1px solid rgba(21, 38, 92, 0.1);
-  box-shadow: 0 2px 10px rgba(21, 38, 92, 0.05);
+  padding: 0.6rem 0.95rem;
+  border-radius: 0.85rem;
+  background: #fff;
+  border: 1px solid rgba(21, 38, 92, 0.06);
+  box-shadow: 0 2px 12px rgba(21, 38, 92, 0.06);
 }
 
 .welcome-bacheca__search i {
@@ -371,10 +320,10 @@ html.welcome-bacheca-page body {
   gap: 0.85rem;
   min-height: 0;
   padding: 0.85rem 1rem;
-  border-radius: 0.9rem;
+  border-radius: 0.85rem;
   background: #fff;
-  border: 1px solid rgba(21, 38, 92, 0.1);
-  box-shadow: 0 2px 10px rgba(21, 38, 92, 0.04);
+  border: 1px solid rgba(21, 38, 92, 0.06);
+  box-shadow: 0 2px 12px rgba(21, 38, 92, 0.06);
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }
 
@@ -873,11 +822,11 @@ html.welcome-bacheca-page body {
 /* Empty */
 .welcome-bacheca__empty {
   text-align: center;
-  padding: 3.5rem 1.5rem;
-  background: rgba(255, 255, 255, 0.92);
-  border-radius: var(--fest-radius);
-  border: 1px dashed rgba(21, 38, 92, 0.12);
-  box-shadow: var(--fest-shadow);
+  padding: 3rem 1.35rem;
+  background: #fff;
+  border-radius: 0.85rem;
+  border: 1px solid rgba(21, 38, 92, 0.06);
+  box-shadow: 0 2px 12px rgba(21, 38, 92, 0.06);
 }
 
 .welcome-bacheca__empty-icon {
@@ -909,9 +858,10 @@ html.welcome-bacheca-page body {
 
 /* Footer */
 .welcome-bacheca__footer {
-  margin-top: 2.5rem;
-  font-size: 0.8rem;
-  color: #6b7280;
+  margin-top: auto;
+  padding-top: 2rem;
+  font-size: 0.78rem;
+  color: var(--fest-text-muted);
   text-align: center;
 }
 
@@ -1202,21 +1152,8 @@ button.welcome-bacheca__action {
 }
 
 @media (max-width: 575.98px) {
-  .welcome-bacheca__masthead {
-    padding: 1.1rem 1rem 1.25rem;
-  }
-
-  .welcome-bacheca__masthead-row {
+  .welcome-bacheca__intro {
     margin-bottom: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .welcome-bacheca__masthead-actions {
-    width: 100%;
-  }
-
-  .welcome-bacheca__masthead-actions .welcome-bacheca__btn {
-    flex: 1;
   }
 
   .welcome-bacheca__grid {
@@ -1251,6 +1188,6 @@ button.welcome-bacheca__action {
   }
 
   .welcome-bacheca__org-stage-body {
-    padding: 1rem;
+    padding: 0;
   }
 }

resources/views/attivita/public/_partials/eventi-prenotabili.blade.php

@@ -0,0 +1,42 @@
+@php
+  use Carbon\Carbon;
+  /** @var \Illuminate\Support\Collection<int, \App\Models\Evento> $eventiPubblici */
+@endphp
+
+@if($eventiPubblici->isNotEmpty())
+  <div class="attivita-public__eventi mt-3">
+    <p class="attivita-public__actions-hint mb-2">Prenotazioni evento</p>
+    @foreach($eventiPubblici as $evento)
+      @php
+        $prenotabile = $evento->isPrenotabileOra();
+        $dataInizio = $evento->data_inizio ? Carbon::parse($evento->data_inizio) : null;
+        $dataFine = $evento->data_fine ? Carbon::parse($evento->data_fine) : null;
+        $periodo = $dataInizio
+          ? ($dataFine && ! $dataInizio->isSameDay($dataFine)
+            ? $dataInizio->format('d/m/Y').' – '.$dataFine->format('d/m/Y')
+            : $dataInizio->format('d/m/Y'))
+          : null;
+      @endphp
+      <a
+        href="{{ $evento->publicUrl() }}"
+        class="attivita-public__action {{ $prenotabile ? 'attivita-public__action--evento-open' : '' }}"
+      >
+        <span class="attivita-public__action-icon attivita-public__action-icon--event">
+          <i class="bx bx-calendar-event"></i>
+        </span>
+        <span class="flex-grow-1 min-w-0">
+          <strong class="text-truncate d-block">{{ $evento->nome }}</strong>
+          @if($periodo)
+            <small>{{ $periodo }}</small>
+          @endif
+          @if($prenotabile)
+            <small class="d-block text-success fw-semibold mt-1">Prenotazioni aperte</small>
+          @else
+            <small class="d-block text-muted mt-1">{{ $evento->messaggioStatoPrenotazione() }}</small>
+          @endif
+        </span>
+        <i class="bx bx-chevron-right text-muted flex-shrink-0"></i>
+      </a>
+    @endforeach
+  </div>
+@endif

resources/views/attivita/public/_partials/public-overrides.blade.php

@@ -0,0 +1,410 @@
+<style>
+  .attivita-public.evento-public {
+    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
+    padding-bottom: 2rem;
+  }
+
+  .attivita-public.evento-public:has(.evento-public__sticky-cta) {
+    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
+  }
+
+  .attivita-public .evento-public__back {
+    padding: 0.35rem 0.8rem 0.35rem 0.55rem;
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.9);
+    box-shadow: 0 2px 10px rgba(21, 38, 92, 0.06);
+  }
+
+  .attivita-public__heading {
+    margin: 0 0 0.35rem;
+    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
+    font-size: 1.2rem;
+    font-weight: 800;
+    letter-spacing: -0.02em;
+    line-height: 1.15;
+    color: var(--evento-navy);
+    text-transform: none;
+    border: 0;
+    padding: 0;
+  }
+
+  .attivita-public__lede {
+    margin: 0 0 0.85rem;
+    font-size: 0.88rem;
+    font-weight: 500;
+    line-height: 1.4;
+    color: var(--evento-muted);
+  }
+
+  /* ── Hero attività ── */
+
+  @media (min-width: 768px) {
+    .attivita-public.evento-public:has(.evento-public__sticky-cta) {
+      padding-bottom: 2rem;
+    }
+  }
+
+  .attivita-public-hero.evento-public__hero {
+    min-height: clamp(280px, 52vw, 400px);
+  }
+
+  .attivita-public-hero .evento-public__hero-shade {
+    z-index: 1;
+  }
+
+  .attivita-public-hero .evento-public__hero-inner {
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    max-width: none;
+    margin: 0;
+    padding: 0 var(--evento-gutter);
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    pointer-events: none;
+  }
+
+  .attivita-public-hero .evento-public__hero-content {
+    pointer-events: auto;
+    width: 100%;
+    max-width: 36rem;
+    min-height: 0;
+    align-items: center;
+    text-align: center;
+    padding: 1rem 0 2.85rem;
+  }
+
+  .attivita-public__logo-mark {
+    width: clamp(4.75rem, 16vw, 6.25rem);
+    height: clamp(4.75rem, 16vw, 6.25rem);
+    margin: 0 auto 0.75rem;
+    border-radius: 1.25rem;
+    background: #fff;
+    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    flex-shrink: 0;
+  }
+
+  .attivita-public__logo-mark img {
+    width: 82%;
+    height: 82%;
+    object-fit: contain;
+  }
+
+  .attivita-public__tagline {
+    margin: 0 0 0.4rem;
+    max-width: 100%;
+    font-size: 0.9rem;
+    font-weight: 600;
+    letter-spacing: 0;
+    text-transform: none;
+    line-height: 1.45;
+    color: rgba(255, 255, 255, 0.95);
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .attivita-public-hero .evento-public__title {
+    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
+    font-size: clamp(1.55rem, 5vw, 2.25rem);
+    line-height: 1.08;
+    text-wrap: balance;
+  }
+
+  .attivita-public__status-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35rem;
+    margin-top: 0.65rem;
+    padding: 0.38rem 0.85rem;
+    border-radius: 999px;
+    font-size: 0.78rem;
+    font-weight: 700;
+    letter-spacing: 0;
+    text-transform: none;
+    color: #fff;
+    background: var(--evento-accent);
+    box-shadow: 0 4px 16px color-mix(in srgb, var(--evento-accent) 38%, transparent);
+  }
+
+  /* ── Shell: pannelli bianchi come evento ── */
+  .attivita-public .evento-public__shell {
+    gap: 0.85rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .attivita-public .evento-public__summary {
+    margin-top: -1.35rem;
+    padding: 0;
+  }
+
+  .attivita-public__panel {
+    background: #fff;
+    border-radius: 1.1rem;
+    border: 1px solid rgba(21, 38, 92, 0.05);
+    box-shadow: 0 4px 20px rgba(21, 38, 92, 0.07);
+    padding: 1.1rem 1.1rem 1rem;
+  }
+
+  .attivita-public__panel .attivita-public__heading {
+    margin-bottom: 0.2rem;
+  }
+
+  .attivita-public__panel .evento-public__facts {
+    box-shadow: none;
+    border: 0;
+    border-radius: 0;
+    padding: 0;
+    background: transparent;
+  }
+
+  @media (max-width: 479px) {
+    .attivita-public__panel .evento-public__facts {
+      gap: 0.65rem;
+    }
+  }
+
+  .attivita-public .evento-public__section {
+    margin-top: 0;
+    padding: 1.1rem 1.1rem 1.05rem;
+    background: #fff;
+    border-radius: 1.1rem;
+    border: 1px solid rgba(21, 38, 92, 0.05);
+    box-shadow: 0 4px 20px rgba(21, 38, 92, 0.07);
+  }
+
+  .attivita-public .evento-public__section + .evento-public__section {
+    padding-top: 1rem;
+    border-top: none;
+  }
+
+  .attivita-public__fact-link {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .attivita-public__fact-link:hover {
+    color: var(--evento-accent);
+  }
+
+  /* ── Lista eventi ── */
+  .attivita-public__event-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .attivita-public__panel .evento-public__fact {
+    font-size: 0.9rem;
+    font-weight: 600;
+  }
+
+  .attivita-public__event-row {
+    display: grid;
+    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
+    align-items: stretch;
+    border-radius: 1rem;
+    text-decoration: none;
+    color: inherit;
+    background: #f7f8fc;
+    border: 1px solid rgba(21, 38, 92, 0.06);
+    overflow: hidden;
+    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
+  }
+
+  .attivita-public__event-row:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 18px rgba(21, 38, 92, 0.08);
+    border-color: color-mix(in srgb, var(--evento-accent) 25%, rgba(21, 38, 92, 0.06));
+    color: inherit;
+  }
+
+  .attivita-public__event-row--open {
+    background: color-mix(in srgb, var(--evento-accent) 5%, #fff);
+    border-color: color-mix(in srgb, var(--evento-accent) 22%, rgba(21, 38, 92, 0.06));
+  }
+
+  .attivita-public__event-date {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 0.7rem 0.35rem;
+    background: var(--evento-accent);
+    color: #fff;
+    line-height: 1.05;
+    text-align: center;
+  }
+
+  .attivita-public__event-date strong {
+    font-size: 1.05rem;
+    font-weight: 800;
+    line-height: 1;
+  }
+
+  .attivita-public__event-date span {
+    margin-top: 0.1rem;
+    font-size: 0.58rem;
+    font-weight: 800;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    opacity: 0.88;
+  }
+
+  .attivita-public__event-body {
+    min-width: 0;
+    padding: 0.75rem 0.8rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .attivita-public__event-body strong {
+    display: block;
+    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
+    font-size: 0.95rem;
+    font-weight: 700;
+    color: var(--evento-navy);
+    line-height: 1.25;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .attivita-public__event-body small {
+    display: block;
+    margin-top: 0.1rem;
+    font-size: 0.75rem;
+    color: var(--evento-muted);
+  }
+
+  .attivita-public__event-status {
+    display: inline-flex;
+    align-items: center;
+    align-self: flex-start;
+    margin-top: 0.35rem;
+    padding: 0.2rem 0.55rem;
+    border-radius: 999px;
+    font-size: 0.72rem;
+    font-weight: 700;
+  }
+
+  .attivita-public__event-status--open {
+    color: #0f6b3f;
+    background: color-mix(in srgb, #1b7a4a 12%, #fff);
+  }
+
+  .attivita-public__event-status--closed {
+    color: var(--evento-muted);
+    background: #f3f5f9;
+  }
+
+  .attivita-public__event-chevron {
+    align-self: center;
+    padding-right: 0.7rem;
+    color: #c5cad6;
+    font-size: 1.15rem;
+    flex-shrink: 0;
+  }
+
+  .attivita-public__event-row:hover .attivita-public__event-chevron {
+    color: var(--evento-accent);
+  }
+
+  /* ── Servizi ── */
+  .attivita-public__svc-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0.6rem;
+  }
+
+  @media (min-width: 520px) {
+    .attivita-public__svc-grid {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    .attivita-public__svc-grid--solo {
+      grid-template-columns: 1fr;
+      max-width: 20rem;
+    }
+  }
+
+  .attivita-public__svc-card {
+    display: flex;
+    flex-direction: column;
+    gap: 0.45rem;
+    padding: 1rem;
+    border-radius: 1rem;
+    text-decoration: none;
+    color: inherit;
+    background: #f7f8fc;
+    border: 1px solid rgba(21, 38, 92, 0.06);
+    transition: transform 0.15s ease, box-shadow 0.15s ease;
+  }
+
+  .attivita-public__svc-card:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 18px rgba(21, 38, 92, 0.08);
+    color: inherit;
+  }
+
+  .attivita-public__svc-card--hot {
+    background: color-mix(in srgb, var(--evento-accent) 7%, #fff);
+    border-color: color-mix(in srgb, var(--evento-accent) 28%, rgba(21, 38, 92, 0.06));
+  }
+
+  .attivita-public__svc-icon {
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: 0.85rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.15rem;
+    color: var(--evento-accent);
+    background: #fff;
+    box-shadow: 0 1px 4px rgba(21, 38, 92, 0.06);
+  }
+
+  .attivita-public__svc-card strong {
+    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
+    font-size: 0.95rem;
+    font-weight: 800;
+    color: var(--evento-navy);
+  }
+
+  .attivita-public__svc-card small {
+    font-size: 0.8rem;
+    color: var(--evento-muted);
+    line-height: 1.4;
+  }
+
+  /* ── Footer & dock ── */
+  .attivita-public__foot {
+    position: relative;
+    z-index: 2;
+    padding: 0.5rem var(--evento-gutter) 1rem;
+    text-align: center;
+    font-size: 0.8rem;
+    font-weight: 600;
+    color: var(--evento-muted);
+  }
+
+  .attivita-public .evento-public__cta {
+    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
+    letter-spacing: -0.01em;
+  }
+
+  .attivita-public .evento-public__sticky-cta {
+    display: flex;
+    justify-content: center;
+    padding-left: var(--evento-gutter);
+    padding-right: var(--evento-gutter);
+  }
+</style>

resources/views/attivita/public/show.blade.php

@@ -2,6 +2,7 @@
   use Illuminate\Support\Facades\Route;
   use App\Models\Saltacoda;
   use App\Models\Attivita;
+  use Carbon\Carbon;
 
   /** @var \App\Models\Attivita|null $attivita */
   $accent = $attivita?->colore ?: '#f58220';
@@ -11,12 +12,97 @@
   $festLogoFallback = Attivita::defaultLogoUrl();
   $festLogoLarge = asset('assets/img/logo_fest_L.png');
   $backUrl = Route::has('welcome') ? route('welcome') : url('/');
+  $eventiPubblici = ($eventiPubblici ?? collect())
+    ->sortBy([
+      fn ($e) => $e->isPrenotabileOra() ? 0 : 1,
+      fn ($e) => $e->data_inizio ?? '9999-12-31',
+    ])
+    ->values();
 
   $saltacodaAttivo = $attivita
     && Saltacoda::query()
       ->where('attivita_id', $attivita->id)
       ->where('is_attivo', true)
       ->exists();
+
+  $infoDecoded = null;
+  if ($attivita && filled($attivita->info)) {
+    $decoded = json_decode($attivita->info, true);
+    if (is_array($decoded)) {
+      $infoDecoded = $decoded;
+    }
+  }
+
+  $infoLocation = collect([
+    trim((string) ($infoDecoded['indirizzo'] ?? '')),
+    trim((string) ($infoDecoded['città'] ?? '')),
+    trim((string) ($infoDecoded['provincia'] ?? '')),
+  ])->filter()->implode(', ');
+
+  $infoAddressMaps = collect([
+    trim((string) ($infoDecoded['indirizzo'] ?? '')),
+    trim((string) ($infoDecoded['cap'] ?? '')),
+    trim((string) ($infoDecoded['città'] ?? '')),
+    trim((string) ($infoDecoded['provincia'] ?? '')),
+    trim((string) ($infoDecoded['paese'] ?? '')),
+  ])->filter()->implode(', ');
+
+  $mapsUrl = $infoAddressMaps !== ''
+    ? 'https://www.google.com/maps/search/?api=1&query='.urlencode($infoAddressMaps)
+    : null;
+
+  $infoTelefono = trim((string) ($infoDecoded['telefono'] ?? ''));
+
+  $festaDataInizio = null;
+  $festaDataFine = null;
+  $festaDateLabel = null;
+  $festaDateSingola = false;
+
+  if ($eventiPubblici->isNotEmpty()) {
+    $festaDataInizio = $eventiPubblici
+      ->map(fn ($e) => filled($e->data_inizio) ? Carbon::parse($e->data_inizio) : null)
+      ->filter()
+      ->min();
+
+    $festaDataFine = $eventiPubblici
+      ->map(function ($e) {
+        if (filled($e->data_fine)) {
+          return Carbon::parse($e->data_fine);
+        }
+        if (filled($e->data_inizio)) {
+          return Carbon::parse($e->data_inizio);
+        }
+
+        return null;
+      })
+      ->filter()
+      ->max();
+
+    if ($festaDataInizio) {
+      $fine = $festaDataFine ?? $festaDataInizio;
+      $festaDateSingola = $festaDataInizio->isSameDay($fine);
+
+      if ($festaDateSingola) {
+        $festaDateLabel = $festaDataInizio->translatedFormat('l j F Y');
+      } elseif ($festaDataInizio->isSameMonth($fine) && $festaDataInizio->isSameYear($fine)) {
+        $festaDateLabel = $festaDataInizio->translatedFormat('j').' – '.$fine->translatedFormat('j F Y');
+      } elseif ($festaDataInizio->isSameYear($fine)) {
+        $festaDateLabel = $festaDataInizio->translatedFormat('j M').' – '.$fine->translatedFormat('j M Y');
+      } else {
+        $festaDateLabel = $festaDataInizio->translatedFormat('j M Y').' – '.$fine->translatedFormat('j M Y');
+      }
+    }
+  }
+
+  $infoSectionVisible = filled($festaDateLabel) || $infoLocation !== '' || $infoTelefono !== '';
+
+  $primoEventoPrenotabile = $eventiPubblici->first(fn ($e) => $e->isPrenotabileOra());
+  $haEventiPrenotabili = $primoEventoPrenotabile !== null;
+
+  $showDock = (bool) ($attivita && $saltacodaAttivo);
+  $saltacodaUrl = $attivita && $saltacodaAttivo
+    ? route('cliente.saltacoda.show', ['slug' => $attivita->slug])
+    : null;
 @endphp
 
 @extends('layouts/guest')
@@ -24,554 +110,201 @@
 @section('title', $attivita ? $attivita->nome : 'Attività')
 
 @section('page-meta')
-  <script>document.documentElement.classList.add('attivita-public-page');</script>
+  <script>document.documentElement.classList.add('attivita-public-page', 'evento-public-page');</script>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet" />
 @endsection
 
 @section('page-style')
-<style>
-  html.attivita-public-page,
-  html.attivita-public-page body {
-    height: 100%;
-    margin: 0;
-    background: #f6f7fb;
-  }
-
-  html.attivita-public-page .layout-wrapper,
-  html.attivita-public-page .content-wrapper,
-  html.attivita-public-page .layout-page,
-  html.attivita-public-page .container-xxl {
-    padding: 0 !important;
-    margin: 0 !important;
-    max-width: 100% !important;
-  }
-
-  html.attivita-public-page .d-flex.flex-column.min-vh-100 {
-    min-height: 100vh !important;
-    min-height: 100dvh !important;
-  }
-
-  html.attivita-public-page .misc-wrapper {
-    min-height: 100vh;
-    min-height: 100dvh;
-    width: 100%;
-    max-width: 100%;
-    padding: 0;
-    margin: 0;
-    align-items: stretch;
-    justify-content: stretch;
-    text-align: start;
-    background: transparent;
-  }
-
-  html.attivita-public-page .row.mt-3.mb-3,
-  html.attivita-public-page footer {
-    display: none !important;
-  }
-
-  .attivita-public {
-    --card-accent: {{ $accent }};
-    --text-main: #15265c;
-    --text-muted: #5b6579;
-    --purple: #602d91;
-    --orange: #f58220;
-
-    position: relative;
-    min-height: 100vh;
-    min-height: 100dvh;
-    display: flex;
-    flex-direction: column;
-    font-family: "Plus Jakarta Sans", "Public Sans", system-ui, sans-serif;
-  }
-
-  .attivita-public__bg {
-    position: fixed;
-    inset: 0;
-    z-index: 0;
-    pointer-events: none;
-    background: linear-gradient(145deg, #fff6ee 0%, #f3ebf8 38%, #e6edf8 100%);
-  }
-
-  .attivita-public__bg::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(ellipse 70% 50% at 8% 18%, color-mix(in srgb, var(--card-accent) 35%, transparent) 0%, transparent 58%),
-      radial-gradient(ellipse 65% 45% at 92% 82%, rgba(96, 45, 145, 0.22) 0%, transparent 55%);
-  }
-
-  .attivita-public__top {
-    position: relative;
-    z-index: 2;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 1rem;
-    padding: calc(.85rem + env(safe-area-inset-top, 0px)) 1.15rem .85rem;
-    background: rgba(255, 255, 255, .92);
-    backdrop-filter: blur(8px);
-    border-bottom: 1px solid rgba(21, 38, 92, .08);
-    box-shadow: 0 1px 10px rgba(21, 38, 92, .05);
-  }
-
-  .attivita-public__top::after {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    height: 3px;
-    background: linear-gradient(90deg, var(--card-accent) 0%, var(--purple) 55%, #15265c 100%);
-    opacity: .85;
-  }
-
-  .attivita-public__back {
-    display: inline-flex;
-    align-items: center;
-    gap: .4rem;
-    font-size: .88rem;
-    font-weight: 600;
-    color: #15265c;
-    text-decoration: none;
-    transition: color .15s ease;
-  }
-
-  .attivita-public__back:hover {
-    color: var(--orange);
-  }
-
-  .attivita-public__brand img {
-    display: block;
-    height: 1.65rem;
-    width: auto;
-    opacity: .92;
-  }
-
-  .attivita-public__layout {
-    position: relative;
-    z-index: 1;
-    flex: 1;
-    min-height: 0;
-    display: grid;
-    grid-template-columns: minmax(300px, 50%) 1fr;
-  }
-
-  .attivita-public__media {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1.5rem 1rem;
-    overflow: hidden;
-  }
-
-  .attivita-public__media-glow {
-    position: absolute;
-    width: min(70vw, 420px);
-    height: min(70vw, 420px);
-    border-radius: 50%;
-    background: color-mix(in srgb, var(--card-accent) 22%, transparent);
-    filter: blur(70px);
-    opacity: .75;
-    pointer-events: none;
-  }
-
-  .attivita-public__poster-wrap {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: min(100%, 480px);
-    aspect-ratio: 210 / 297;
-    max-height: min(88vh, 680px);
-    border-radius: .95rem;
-    box-shadow:
-      0 16px 44px rgba(21, 38, 92, .14),
-      0 0 0 1px rgba(255, 255, 255, .65);
-    overflow: hidden;
-    background: #e8ecf4;
-  }
-
-  .attivita-public__poster-wrap::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    box-shadow: inset 0 0 0 1px rgba(21, 38, 92, .08);
-  }
-
-  .attivita-public__poster-wrap--placeholder {
-    background: linear-gradient(
-      165deg,
-      color-mix(in srgb, var(--card-accent) 28%, #fff) 0%,
-      color-mix(in srgb, var(--card-accent) 12%, #eef1f7) 38%,
-      #e8ecf4 68%,
-      color-mix(in srgb, var(--purple) 16%, #e8ecf4) 100%
-    );
-  }
-
-  .attivita-public__poster {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    object-position: center top;
-  }
-
-  .attivita-public__poster-placeholder {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    padding: 2.5rem 1.75rem;
-  }
-
-  .attivita-public__poster-placeholder img {
-    width: min(72%, 8rem);
-    height: auto;
-    object-fit: contain;
-    opacity: .95;
-    filter: drop-shadow(0 8px 18px rgba(21, 38, 92, .16));
-  }
-
-  .attivita-public__main {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 1.9rem clamp(1.2rem, 4vw, 3rem);
-    padding-bottom: calc(1.9rem + env(safe-area-inset-bottom, 0px));
-  }
-
-  .attivita-public__panel {
-    max-width: 34rem;
-    padding: 1.35rem 1.4rem 1.5rem;
-    background: rgba(255, 255, 255, .94);
-    border: 1px solid rgba(21, 38, 92, .08);
-    border-radius: 1rem;
-    border-top: 3px solid var(--card-accent);
-    box-shadow: 0 10px 32px rgba(21, 38, 92, .08);
-  }
-
-  .attivita-public__head {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: .65rem;
-    margin-bottom: .85rem;
-  }
-
-  .attivita-public__logo {
-    flex-shrink: 0;
-    width: 2.85rem;
-    height: 2.85rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: .6rem;
-    background: #fff;
-    border: 1px solid rgba(21, 38, 92, .08);
-    box-shadow: 0 2px 8px rgba(21, 38, 92, .06);
-    overflow: hidden;
-  }
-
-  .attivita-public__logo img {
-    width: 88%;
-    height: 88%;
-    object-fit: contain;
-  }
-
-  .attivita-public__badge {
-    display: inline-flex;
-    align-items: center;
-    gap: .3rem;
-    width: fit-content;
-    font-size: .68rem;
-    font-weight: 700;
-    letter-spacing: .06em;
-    text-transform: uppercase;
-    color: #0d7a4a;
-    background: rgba(13, 122, 74, .1);
-    padding: .22rem .55rem;
-    border-radius: 999px;
-    margin: 0;
-  }
-
-  .attivita-public__kicker {
-    margin: 0 0 .35rem;
-    font-size: .72rem;
-    font-weight: 700;
-    letter-spacing: .08em;
-    text-transform: uppercase;
-    color: color-mix(in srgb, var(--card-accent) 70%, var(--purple));
-  }
-
-  .attivita-public__title {
-    margin: 0 0 .55rem;
-    font-size: clamp(1.5rem, 3.8vw, 2.35rem);
-    line-height: 1.12;
-    letter-spacing: -.03em;
-    font-weight: 800;
-    color: var(--text-main);
-  }
-
-  .attivita-public__desc {
-    margin: 0 0 1.25rem;
-    color: var(--text-muted);
-    line-height: 1.65;
-    font-size: .95rem;
-  }
-
-  .attivita-public__actions {
-    display: flex;
-    flex-direction: column;
-    gap: .65rem;
-  }
-
-  .attivita-public__actions-hint {
-    margin: 0 0 .1rem;
-    font-size: .72rem;
-    font-weight: 700;
-    letter-spacing: .06em;
-    text-transform: uppercase;
-    color: var(--text-muted);
-  }
-
-  .attivita-public__action {
-    display: flex;
-    align-items: center;
-    gap: .85rem;
-    padding: .9rem 1rem;
-    border-radius: .75rem;
-    text-decoration: none;
-    color: #1a2744;
-    background: #fff;
-    border: 1px solid rgba(21, 38, 92, .08);
-    box-shadow: 0 1px 4px rgba(21, 38, 92, .05);
-    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
-  }
-
-  .attivita-public__action:hover {
-    color: #15265c;
-    transform: translateY(-1px);
-    border-color: color-mix(in srgb, var(--card-accent) 28%, rgba(21, 38, 92, .16));
-    box-shadow: 0 6px 16px rgba(21, 38, 92, .08);
-  }
-
-  .attivita-public__action--primary {
-    background: linear-gradient(
-      135deg,
-      color-mix(in srgb, var(--card-accent) 92%, #fff) 0%,
-      color-mix(in srgb, var(--card-accent) 78%, var(--purple)) 100%
-    );
-    border-color: transparent;
-    color: #fff;
-    box-shadow: 0 8px 22px color-mix(in srgb, var(--card-accent) 35%, transparent);
-  }
-
-  .attivita-public__action--primary:hover {
-    color: #fff;
-    transform: translateY(-2px);
-    box-shadow: 0 12px 28px color-mix(in srgb, var(--card-accent) 42%, transparent);
-  }
-
-  .attivita-public__action--primary strong,
-  .attivita-public__action--primary small {
-    color: #fff;
-  }
-
-  .attivita-public__action--primary .attivita-public__action-icon {
-    background: rgba(255, 255, 255, .22);
-    color: #fff;
-  }
-
-  .attivita-public__action-icon {
-    flex-shrink: 0;
-    width: 2.25rem;
-    height: 2.25rem;
-    border-radius: .58rem;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 1.12rem;
-    color: var(--text-main);
-    background: rgba(21, 38, 92, .08);
-  }
-
-  .attivita-public__action-icon--purple {
-    color: var(--purple);
-    background: rgba(96, 45, 145, .12);
-  }
-
-  .attivita-public__action strong {
-    display: block;
-    font-size: .92rem;
-    font-weight: 700;
-    color: #15265c;
-  }
-
-  .attivita-public__action small {
-    display: block;
-    margin-top: .12rem;
-    font-size: .78rem;
-    color: #6b7280;
-  }
-
-  .attivita-public__foot {
-    position: relative;
-    z-index: 1;
-    padding: .85rem 1.15rem calc(.85rem + env(safe-area-inset-bottom, 0px));
-    text-align: center;
-    font-size: .76rem;
-    color: #6b7280;
-  }
-
-  .attivita-public__empty {
-    position: relative;
-    z-index: 1;
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    padding: 2rem;
-  }
-
-  @media (max-width: 899.98px) {
-    .attivita-public__layout {
-      grid-template-columns: 1fr;
-      grid-template-rows: auto 1fr;
-    }
-
-    .attivita-public__media {
-      padding: 1.15rem 1rem .35rem;
-    }
-
-    .attivita-public__poster-wrap {
-      width: min(92vw, 400px);
-      max-height: none;
-    }
-
-    .attivita-public__main {
-      justify-content: flex-start;
-      padding: 1.15rem 1rem 1.5rem;
-    }
-
-    .attivita-public__panel {
-      max-width: none;
-      padding: 1.15rem 1.1rem 1.25rem;
-    }
-  }
-</style>
+@include('evento._partials.public-styles')
+@include('attivita.public._partials.public-overrides')
 @endsection
 
 @section('content')
-<div class="attivita-public">
-  <div class="attivita-public__bg" aria-hidden="true"></div>
+<article class="evento-public attivita-public" style="--evento-accent: {{ $accent }};">
+  <div class="evento-public__bg" aria-hidden="true"></div>
 
-  <header class="attivita-public__top">
-    <a href="{{ $backUrl }}" class="attivita-public__back">
+  <header class="evento-public__top">
+    <a href="{{ $backUrl }}" class="evento-public__back">
       <i class="bx bx-arrow-back"></i>
-      Bacheca eventi
-    </a>
-    <a href="{{ $backUrl }}" class="attivita-public__brand" aria-label="{{ config('app.name') }}">
-      <img src="{{ $festLogoLarge }}" alt="{{ config('app.name') }}" loading="lazy">
+      <span>Indietro</span>
     </a>
+    <img src="{{ $festLogoLarge }}" alt="{{ config('app.name') }}" class="evento-public__brand-logo">
   </header>
 
   @if(!$attivita)
-    <div class="attivita-public__empty">
-      <div>
-        <i class="bx bx-error-circle bx-lg text-muted mb-2 d-block"></i>
-        <h1 class="h5 fw-bold mb-2">Attività non trovata</h1>
-        <p class="text-muted mb-3">La scheda richiesta non è disponibile.</p>
-        <a href="{{ $backUrl }}" class="btn btn-primary">Torna alla bacheca</a>
+    <div class="evento-public__shell" style="margin-top: 2rem;">
+      <div class="evento-public__cta-note">
+        <i class="bx bx-error-circle"></i>
+        <span>
+          <strong>Attività non trovata.</strong><br>
+          La scheda richiesta non è disponibile.
+          <a href="{{ $backUrl }}" class="d-inline-block mt-2 fw-bold">Torna alla bacheca</a>
+        </span>
       </div>
     </div>
   @else
-    <div class="attivita-public__layout">
-      <aside class="attivita-public__media" aria-label="Locandina evento">
-        <div class="attivita-public__media-glow" aria-hidden="true"></div>
-        <div class="attivita-public__poster-wrap {{ $hasCustomCover ? '' : 'attivita-public__poster-wrap--placeholder' }}">
-          @if($hasCustomCover)
+    <section class="evento-public__hero attivita-public-hero" aria-label="{{ $attivita->nome }}">
+      @if($hasCustomCover)
+        <img class="evento-public__hero-img" src="{{ $coverUrl }}" alt="">
+      @else
+        <div class="evento-public__hero-fallback" aria-hidden="true"></div>
+      @endif
+      <div class="evento-public__hero-shade"></div>
+      <div class="evento-public__hero-inner">
+        <div class="evento-public__hero-content">
+          <div class="attivita-public__logo-mark" aria-hidden="true">
             <img
-              src="{{ $coverUrl }}"
+              src="{{ $logoUrl }}"
               alt=""
-              class="attivita-public__poster"
               loading="lazy"
+              data-fest-logo-fallback="{{ $festLogoFallback }}"
+              onerror="if (this.dataset.festLogoFallback && this.src !== this.dataset.festLogoFallback) { this.src = this.dataset.festLogoFallback; }"
             >
-          @else
-            <span class="attivita-public__poster-placeholder" aria-hidden="true">
-              <img src="{{ $festLogoFallback }}" alt="" loading="lazy">
-            </span>
-          @endif
-        </div>
-      </aside>
-
-      <main class="attivita-public__main">
-        <div class="attivita-public__panel">
-          <div class="attivita-public__head">
-            <span class="attivita-public__logo" aria-hidden="true">
-              <img
-                src="{{ $logoUrl }}"
-                alt=""
-                loading="lazy"
-                data-fest-logo-fallback="{{ $festLogoFallback }}"
-                onerror="if (this.dataset.festLogoFallback && this.src !== this.dataset.festLogoFallback) { this.src = this.dataset.festLogoFallback; }"
-              >
-            </span>
-            @if($attivita->is_attiva)
-              <span class="attivita-public__badge"><i class="bx bx-check-circle"></i> In programma</span>
-            @endif
           </div>
-
-          <p class="attivita-public__kicker">Evento in bacheca</p>
-          <h1 class="attivita-public__title">{{ $attivita->nome }}</h1>
-
           @if(filled($attivita->descrizione))
-            <p class="attivita-public__desc">{{ $attivita->descrizione }}</p>
+            <p class="attivita-public__tagline">{{ $attivita->descrizione }}</p>
           @endif
-
-          <div class="attivita-public__actions">
-            <p class="attivita-public__actions-hint">Cosa vuoi fare?</p>
-            @if($saltacodaAttivo)
-              <a
-                href="{{ route('cliente.saltacoda.show', ['attivita_id' => $attivita->id]) }}"
-                class="attivita-public__action attivita-public__action--primary"
-              >
-                <span class="attivita-public__action-icon">
-                  <i class="bx bx-food-menu"></i>
+          <h1 class="evento-public__title">{{ $attivita->nome }}</h1>
+          @if($attivita->is_attiva)
+            <span class="attivita-public__status-chip"><i class="bx bx-star"></i> Ci siamo!</span>
+          @endif
+        </div>
+      </div>
+    </section>
+
+    <div class="evento-public__shell">
+      @if($infoSectionVisible)
+        <section class="evento-public__summary" aria-label="Vieni a trovarci">
+          <div class="attivita-public__panel">
+            <h2 class="attivita-public__heading">Vieni a trovarci</h2>
+            <p class="attivita-public__lede">Quando, dove e come raggiungerci.</p>
+            <ul class="evento-public__facts">
+            @if(filled($festaDateLabel))
+              <li class="evento-public__fact" aria-label="Quando">
+                <i class="bx bx-calendar" aria-hidden="true"></i>
+                <span>{{ $festaDateLabel }}</span>
+              </li>
+            @endif
+            @if($infoLocation !== '')
+              <li class="evento-public__fact" aria-label="Dove">
+                <i class="bx bx-map" aria-hidden="true"></i>
+                <span>
+                  {{ $infoLocation }}
+                  @if($mapsUrl)
+                    <a href="{{ $mapsUrl }}" class="evento-public__nav-link" target="_blank" rel="noopener noreferrer" title="Portami lì" aria-label="Apri il navigatore">
+                      <i class="bx bx-navigation"></i>
+                    </a>
+                  @endif
                 </span>
+              </li>
+            @endif
+            @if($infoTelefono !== '')
+              <li class="evento-public__fact" aria-label="Telefono">
+                <i class="bx bx-phone" aria-hidden="true"></i>
                 <span>
-                  <strong>Ordina (saltacoda)</strong>
-                  <small>Menu e ordine dal telefono</small>
+                  <a href="tel:{{ preg_replace('/\s+/', '', $infoTelefono) }}" class="attivita-public__fact-link">
+                    {{ $infoTelefono }}
+                  </a>
                 </span>
-              </a>
+              </li>
             @endif
+          </ul>
+          </div>
+        </section>
+      @endif
+
+      @if($eventiPubblici->isNotEmpty())
+        <section class="evento-public__section" aria-label="Eventi">
+          <h2 class="attivita-public__heading">
+            {{ $haEventiPrenotabili ? 'Scegli il tuo evento' : 'In programma' }}
+          </h2>
+          <div class="attivita-public__event-list">
+            @foreach($eventiPubblici as $evento)
+              @php
+                $prenotabile = $evento->isPrenotabileOra();
+                $dataInizio = $evento->data_inizio ? Carbon::parse($evento->data_inizio) : null;
+                $dataFine = $evento->data_fine ? Carbon::parse($evento->data_fine) : null;
+                $periodo = $dataInizio
+                  ? ($dataFine && ! $dataInizio->isSameDay($dataFine)
+                    ? $dataInizio->translatedFormat('d M').' – '.$dataFine->translatedFormat('d M Y')
+                    : $dataInizio->translatedFormat('d M Y'))
+                  : null;
+              @endphp
+              <a
+                href="{{ $evento->publicUrl() }}"
+                class="attivita-public__event-row {{ $prenotabile ? 'attivita-public__event-row--open' : '' }}"
+              >
+                <div class="attivita-public__event-date" aria-hidden="true">
+                  @if($dataInizio)
+                    <strong>{{ $dataInizio->format('d') }}</strong>
+                    <span>{{ $dataInizio->translatedFormat('M') }}</span>
+                  @else
+                    <strong>?</strong>
+                    <span>—</span>
+                  @endif
+                </div>
+                <div class="attivita-public__event-body">
+                  <strong>{{ $evento->nome }}</strong>
+                  @if($periodo)
+                    <small>{{ $periodo }}</small>
+                  @endif
+                  @if($prenotabile)
+                    <span class="attivita-public__event-status attivita-public__event-status--open">
+                      Prenota ora
+                    </span>
+                  @else
+                    <span class="attivita-public__event-status attivita-public__event-status--closed">
+                      {{ $evento->messaggioStatoPrenotazione() }}
+                    </span>
+                  @endif
+                </div>
+                <i class="bx bx-chevron-right attivita-public__event-chevron" aria-hidden="true"></i>
+              </a>
+            @endforeach
+          </div>
+        </section>
+      @endif
 
+      <section class="evento-public__section" aria-label="Servizi">
+        <h2 class="attivita-public__heading">Cosa ti va di fare?</h2>
+        <div class="attivita-public__svc-grid {{ $saltacodaAttivo ? '' : 'attivita-public__svc-grid--solo' }}">
+          @if($saltacodaAttivo)
             <a
-              href="{{ route('cliente.prenotazione-tavolo.index', ['attivita_id' => $attivita->id]) }}"
-              class="attivita-public__action"
+              href="{{ route('cliente.saltacoda.show', ['slug' => $attivita->slug]) }}"
+              class="attivita-public__svc-card attivita-public__svc-card--hot"
             >
-              <span class="attivita-public__action-icon attivita-public__action-icon--purple">
-                <i class="bx bx-calendar-check"></i>
-              </span>
-              <span>
-                <strong>Prenota tavolo</strong>
-                <small>Invia la richiesta di prenotazione</small>
-              </span>
+              <span class="attivita-public__svc-icon"><i class="bx bx-food-menu"></i></span>
+              <strong>Ordina</strong>
+              <small>Dal telefono, senza fare la fila</small>
             </a>
-          </div>
+          @endif
+          <a
+            href="{{ route('cliente.prenotazione-tavolo.index', ['attivita_id' => $attivita->id]) }}"
+            class="attivita-public__svc-card"
+          >
+            <span class="attivita-public__svc-icon"><i class="bx bx-chair"></i></span>
+            <strong>Prenota un tavolo</strong>
+            <small>Ti teniamo un posto</small>
+          </a>
         </div>
-      </main>
+      </section>
     </div>
 
+    @if($showDock && $saltacodaUrl)
+      <div class="evento-public__sticky-cta">
+        <a href="{{ $saltacodaUrl }}" class="evento-public__cta">
+          <span class="evento-public__cta-icon" aria-hidden="true"><i class="bx bx-food-menu"></i></span>
+          <span class="evento-public__cta-label">Ordina</span>
+          <span class="evento-public__cta-arrow" aria-hidden="true"><i class="bx bx-right-arrow-alt"></i></span>
+        </a>
+      </div>
+    @endif
+
     <footer class="attivita-public__foot">
-      {{ config('app.name') }} · la bacheca digitale per feste e sagre
+      Ci vediamo in festa
     </footer>
   @endif
-</div>
+</article>
 @endsection

resources/views/attivita/show.blade.php

@@ -1,234 +1,655 @@
-<?php
-use App\Models\Role;
-use Illuminate\Support\Facades\Auth;
-?>
 @php
-$configData = Helper::appClasses();
-@endphp
+  use App\Models\Attivita;
+  use Carbon\Carbon;
+  use Illuminate\Support\Facades\Auth;
+  use Illuminate\Support\Facades\Storage;
 
-@extends('layouts/layoutMaster')
+  $accent = $attivita->colore ?: '#f58220';
+  $festLogoFallback = Attivita::defaultLogoUrl();
+  $festCoverFallback = Attivita::defaultCoverUrl();
+  $isSelezionata = (int) session('attivita_attuale') === (int) $attivita->id;
+  $publicUrl = $attivita->slug
+    ? route('cliente.attivita.show', ['slug' => $attivita->slug])
+    : null;
+  $saltacodaAttivo = $attivita->saltacoda && $attivita->saltacoda->is_attivo;
 
-@section('title', 'Attività - '.$attivita->nome)
+  $mediaUrl = function (?string $path): ?string {
+    if (! filled($path)) {
+      return null;
+    }
+    if (str_starts_with($path, 'http://') || str_starts_with($path, 'https://')) {
+      return $path;
+    }
+    if (str_starts_with($path, 'assets/')) {
+      return asset($path);
+    }
 
-@section('vendor-style')
-@vite([
-'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
-'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
-'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
-'resources/assets/vendor/libs/flatpickr/flatpickr.scss',
-'resources/assets/vendor/libs/@form-validation/form-validation.scss'
-])
-@endsection
+    return Storage::disk('copertinaAttivita')->url($path);
+  };
 
-<!-- Vendor Scripts -->
-@section('vendor-script')
-@vite([
-'resources/assets/vendor/libs/moment/moment.js',
-'resources/assets/vendor/libs/flatpickr/flatpickr.js',
-'resources/assets/vendor/libs/@form-validation/popular.js',
-'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
-'resources/assets/vendor/libs/@form-validation/auto-focus.js',
-'resources/assets/vendor/libs/@form-validation/popular.js',
-'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
-'resources/assets/vendor/libs/@form-validation/auto-focus.js',
-'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js'
-])
-@endsection
+  $hasCustomLogo = filled($attivita->path_logo);
+  $hasCustomCover = $attivita->hasCustomCover();
+  $hasCustomIconFile = filled($attivita->path_icon);
+  $logoUrl = $hasCustomLogo ? ($mediaUrl($attivita->path_logo) ?: $festLogoFallback) : $festLogoFallback;
+  $coverUrl = $hasCustomCover ? ($mediaUrl($attivita->path_image) ?: $festCoverFallback) : $festCoverFallback;
+  $iconFileUrl = $hasCustomIconFile ? $mediaUrl($attivita->path_icon) : null;
+  $iconaHtml = filled($attivita->icona) && str_contains((string) $attivita->icona, '<');
+
+  $infoDecoded = null;
+  $infoInvalid = false;
+  if (filled($attivita->info)) {
+    $decoded = json_decode($attivita->info, true);
+    if (is_array($decoded)) {
+      $infoDecoded = $decoded;
+    } else {
+      $infoInvalid = true;
+    }
+  }
+
+  $infoFields = [
+    'indirizzo' => ['label' => 'Indirizzo', 'icon' => 'bx-map'],
+    'città' => ['label' => 'Città', 'icon' => 'bx-buildings'],
+    'cap' => ['label' => 'CAP', 'icon' => 'bx-mail-send'],
+    'provincia' => ['label' => 'Provincia', 'icon' => 'bx-map-pin'],
+    'paese' => ['label' => 'Paese', 'icon' => 'bx-world'],
+    'telefono' => ['label' => 'Telefono', 'icon' => 'bx-phone', 'link' => 'tel'],
+    'email' => ['label' => 'Email', 'icon' => 'bx-envelope', 'link' => 'mailto'],
+    'sito_web' => ['label' => 'Sito web', 'icon' => 'bx-link-external', 'link' => 'url'],
+    'note' => ['label' => 'Note', 'icon' => 'bx-note'],
+  ];
+
+  $infoLocationKeys = ['indirizzo', 'città', 'cap', 'provincia', 'paese'];
+  $infoContactKeys = ['telefono', 'email', 'sito_web', 'note'];
+
+  $infoHasValues = $infoDecoded
+    && collect($infoFields)->keys()->contains(fn ($key) => filled($infoDecoded[$key] ?? null));
+
+  $prossimiEventi = $attivita->eventi
+    ->sortBy(fn ($e) => $e->data_inizio ?? '9999-12-31')
+    ->take(3);
+
+  $hubLinks = [
+    ['route' => 'evento.index', 'permission' => 'view-evento', 'icon' => 'bx-calendar-event', 'label' => 'Eventi'],
+    ['route' => 'prenotazione.index', 'permission' => 'view-prenotazione', 'icon' => 'bx-book-content', 'label' => 'Prenotazioni'],
+    ['route' => 'punto-vendita.index', 'permission' => 'view-punto_vendita', 'icon' => 'bx-store', 'label' => 'Cassa'],
+    ['route' => 'piatto.index', 'permission' => 'view-piatto', 'icon' => 'bx-food-menu', 'label' => 'Menu'],
+    ['route' => 'ordine.index', 'permission' => 'view-ordine', 'icon' => 'bx-receipt', 'label' => 'Ordini'],
+    ['route' => 'bilancio.oggi', 'permission' => 'view-bilancio-oggi', 'icon' => 'bx-line-chart', 'label' => 'Bilancio oggi'],
+    ['route' => 'bilancio.index', 'permission' => 'view-bilancio', 'icon' => 'bx-pie-chart-alt-2', 'label' => 'Bilancio'],
+    ['route' => 'report.index', 'permission' => 'view-report', 'icon' => 'bx-wallet', 'label' => 'Report'],
+  ];
+@endphp
+
+@extends('layouts/layoutMaster')
+
+@section('title', 'Attività · '.$attivita->nome)
 
 @section('pageTitle')
 <div class="d-flex flex-column">
-  <h4 class="mb-1"> 
-    <i class="bx bx-aperture"></i>
-    <span class="text-muted">Stai gestendo</span>
-    <span class="text-primary fw-bold text-uppercase">{{ $attivita->nome }}</span></h4>
+  <nav aria-label="breadcrumb" style="font-size: smaller;">
+    <ol class="breadcrumb breadcrumb-custom-icon mb-0">
+      <li class="breadcrumb-item">
+        <a href="{{ route('attivita.index') }}">Attività</a>
+        <i class="breadcrumb-icon icon-base bx bx-chevron-right align-middle"></i>
+      </li>
+      <li class="breadcrumb-item active text-primary">{{ $attivita->nome }}</li>
+    </ol>
+  </nav>
 </div>
 @endsection
 
 @section('content')
-<div class="row g-3">
-  {{-- Dispositivi --}}
-  <div class="col-lg-3 col-sm-6">
-    <div class="card card-border-shadow-info h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-4">
-            <span class="avatar-initial rounded bg-label-info"><i class="bx bx-devices bx-lg"></i></span>
-          </div>
-          <h4 class="mb-0">{{ $attivita->dispositivi->count() }}</h4>
-        </div>
-        <p class="mb-2">Dispositivi associati</p>
-        @if($attivita->dispositivi->count() > 0)
-          <ul class="list-unstyled mb-0 ps-1">
-            @foreach($attivita->dispositivi->take(3) as $dispositivo)
-              <li><i class="bx bx-dots-horizontal-rounded small"></i> {{ $dispositivo->nome ?? $dispositivo->id }}</li>
-            @endforeach
-            @if($attivita->dispositivi->count() > 3)
-              <li class="text-muted small">+ altri {{ $attivita->dispositivi->count() - 3 }}</li>
-            @endif
-          </ul>
-        @else
-          <p class="mb-0 text-muted small">Nessun dispositivo associato.</p>
-        @endif
-      </div>
+@include('_partials.status')
+
+<style>
+  .attivita-profile__hero {
+    position: relative;
+    min-height: 140px;
+    overflow: hidden;
+    border-bottom: 1px solid rgba(67, 89, 113, .1);
+  }
+  .attivita-profile__hero-img {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .attivita-profile__hero-shade {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(180deg, rgba(15, 20, 35, .1) 0%, rgba(15, 20, 35, .75) 100%);
+  }
+  .attivita-profile__hero-inner {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: flex-end;
+    gap: 1rem;
+    padding: 1.1rem 1.25rem;
+    min-height: 140px;
+  }
+  .attivita-profile__hero-logo {
+    flex-shrink: 0;
+    width: 4.25rem;
+    height: 4.25rem;
+    border-radius: .85rem;
+    background: #fff;
+    border: 2px solid rgba(255, 255, 255, .9);
+    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    padding: .35rem;
+  }
+  .attivita-profile__hero-logo img {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+  }
+  .attivita-profile__hero-title {
+    margin: 0 0 .35rem;
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: #fff;
+    line-height: 1.2;
+  }
+  .attivita-profile__panel {
+    border: 1px solid rgba(67, 89, 113, .1);
+    border-radius: .85rem;
+    padding: 1rem 1.05rem;
+    background: rgba(67, 89, 113, .02);
+    height: 100%;
+  }
+  .attivita-profile__panel-title {
+    margin: 0 0 .75rem;
+    font-size: .72rem;
+    font-weight: 800;
+    letter-spacing: .08em;
+    text-transform: uppercase;
+    color: #8592a3;
+  }
+  .attivita-profile__media-grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: .65rem;
+  }
+  .attivita-profile__media-item {
+    text-align: center;
+  }
+  .attivita-profile__media-thumb {
+    aspect-ratio: 1;
+    border-radius: .65rem;
+    border: 1px solid rgba(67, 89, 113, .12);
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    padding: .35rem;
+    margin-bottom: .35rem;
+  }
+  .attivita-profile__media-thumb img {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+  }
+  .attivita-profile__media-thumb--wide {
+    aspect-ratio: 16 / 10;
+  }
+  .attivita-profile__media-thumb--wide img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .attivita-profile__media-label {
+    font-size: .72rem;
+    font-weight: 600;
+    color: #697a8d;
+  }
+  .attivita-profile__media-hint {
+    font-size: .65rem;
+    color: #a1acb8;
+  }
+  .attivita-profile__kv {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: .75rem;
+    padding: .45rem 0;
+    border-bottom: 1px solid rgba(67, 89, 113, .08);
+    font-size: .88rem;
+  }
+  .attivita-profile__kv:last-child {
+    border-bottom: 0;
+    padding-bottom: 0;
+  }
+  .attivita-profile__kv-label {
+    color: #8592a3;
+    font-weight: 500;
+    flex-shrink: 0;
+  }
+  .attivita-profile__kv-value {
+    text-align: right;
+    color: #2f3a46;
+    font-weight: 600;
+    min-width: 0;
+  }
+  .attivita-profile__color {
+    display: inline-flex;
+    align-items: center;
+    gap: .45rem;
+  }
+  .attivita-profile__color-swatch {
+    width: 1.1rem;
+    height: 1.1rem;
+    border-radius: .25rem;
+    border: 1px solid rgba(67, 89, 113, .2);
+  }
+  .attivita-profile__icona-box {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2rem;
+    min-height: 2rem;
+    padding: .25rem;
+    border-radius: .45rem;
+    background: rgba(67, 89, 113, .06);
+    border: 1px solid rgba(67, 89, 113, .1);
+  }
+  .attivita-profile__icona-box svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+  .attivita-hub-links {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: .55rem;
+  }
+  @media (min-width: 768px) {
+    .attivita-hub-links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+  }
+  .attivita-hub-links a {
+    display: flex;
+    align-items: center;
+    gap: .55rem;
+    padding: .7rem .8rem;
+    border-radius: .75rem;
+    border: 1px solid rgba(67, 89, 113, .1);
+    text-decoration: none;
+    color: #2f3a46;
+    font-weight: 600;
+    font-size: .88rem;
+    transition: background .15s ease, border-color .15s ease;
+  }
+  .attivita-hub-links a:hover {
+    color: #2f3a46;
+    background: color-mix(in srgb, var(--attivita-accent) 8%, #fff);
+    border-color: color-mix(in srgb, var(--attivita-accent) 30%, rgba(67, 89, 113, .12));
+  }
+  .attivita-hub-links a i {
+    font-size: 1.15rem;
+    color: color-mix(in srgb, var(--attivita-accent) 70%, #2f3a46);
+  }
+</style>
+
+@if(!$isSelezionata)
+  <div class="alert alert-warning d-flex align-items-start gap-2 mb-3">
+    <i class="bx bx-info-circle mt-1"></i>
+    <div class="flex-grow-1">
+      Seleziona <strong>{{ $attivita->nome }}</strong> per gestire eventi, cassa e prenotazioni.
+      @can('select-attivita')
+        <form action="{{ route('attivita.select') }}" method="POST" class="mt-2">
+          @csrf
+          <input type="hidden" name="attivita_id" value="{{ $attivita->id }}">
+          <button type="submit" class="btn btn-sm btn-primary">
+            <i class="bx bx-check-circle me-1"></i> Seleziona attività
+          </button>
+        </form>
+      @endcan
     </div>
   </div>
+@endif
 
-  {{-- Eventi --}}
-  <div class="col-lg-3 col-sm-6">
-    <div class="card card-border-shadow-primary h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-4">
-            <span class="avatar-initial rounded bg-label-primary"><i class="bx bx-calendar-event bx-lg"></i></span>
-          </div>
-          <h4 class="mb-0">{{ $attivita->eventi->count() }}</h4>
-        </div>
-        <p class="mb-2">Eventi associati</p>
-        @if($attivita->eventi->count() > 0)
-          <ul class="list-unstyled mb-0 ps-1">
-            @foreach($attivita->eventi->take(3) as $evento)
-              <li><i class="bx bx-dots-horizontal-rounded small"></i> {{ $evento->nome ?? $evento->id }}</li>
-            @endforeach
-            @if($attivita->eventi->count() > 3)
-              <li class="text-muted small">+ altri {{ $attivita->eventi->count() - 3 }}</li>
-            @endif
-          </ul>
-        @else
-          <p class="mb-0 text-muted small">Nessun evento associato.</p>
-        @endif
-      </div>
+<div class="card mb-3" style="--attivita-accent: {{ $accent }};">
+  <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2 py-3">
+    <div>
+      <h5 class="card-title mb-0">Profilo attività</h5>
+      <p class="card-subtitle mb-0 text-muted">Panoramica identità, media e contatti</p>
+    </div>
+    <div class="d-flex flex-wrap gap-2">
+      @can('edit-attivita')
+        <a href="{{ route('attivita.index') }}" class="btn btn-sm btn-label-primary">
+          <i class="bx bx-edit-alt me-1"></i> Modifica dalla lista
+        </a>
+      @endcan
+      @if($publicUrl)
+        <a href="{{ $publicUrl }}" class="btn btn-sm btn-label-secondary" target="_blank" rel="noopener noreferrer">
+          <i class="bx bx-link-external me-1"></i> Anteprima pubblica
+        </a>
+      @endif
+      @if($isSelezionata)
+        <a href="{{ route('dashboard') }}" class="btn btn-sm btn-label-primary">
+          <i class="bx bx-home-smile me-1"></i> Dashboard
+        </a>
+      @endif
     </div>
   </div>
 
-  {{-- Prenotazioni --}}
-  <div class="col-lg-3 col-sm-6">
-    <div class="card card-border-shadow-success h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-4">
-            <span class="avatar-initial rounded bg-label-success"><i class="bx bx-book-content bx-lg"></i></span>
-          </div>
-          <h4 class="mb-0">{{ $attivita->prenotazioni->count() }}</h4>
+  <div class="attivita-profile__hero">
+    <img
+      class="attivita-profile__hero-img"
+      src="{{ $coverUrl }}"
+      alt="Copertina {{ $attivita->nome }}"
+    >
+    <div class="attivita-profile__hero-shade"></div>
+    <div class="attivita-profile__hero-inner">
+      <div class="attivita-profile__hero-logo">
+        <img
+          src="{{ $logoUrl }}"
+          alt="Logo {{ $attivita->nome }}"
+          data-fest-logo-fallback="{{ $festLogoFallback }}"
+          onerror="if (this.dataset.festLogoFallback && this.src !== this.dataset.festLogoFallback) { this.src = this.dataset.festLogoFallback; }"
+        >
+      </div>
+      <div class="flex-grow-1 min-w-0">
+        <h2 class="attivita-profile__hero-title">{{ $attivita->nome }}</h2>
+        <div class="d-flex flex-wrap align-items-center gap-1">
+          @if($attivita->is_attiva)
+            <span class="badge bg-label-success">Attiva</span>
+          @else
+            <span class="badge bg-label-secondary">Non attiva</span>
+          @endif
+          @if($isSelezionata)
+            <span class="badge bg-label-primary">In gestione</span>
+          @endif
+          @if($saltacodaAttivo)
+            <span class="badge bg-label-warning">Saltacoda</span>
+          @endif
+          @if(filled($attivita->tipo))
+            <span class="badge bg-label-info">{{ $attivita->tipo }}</span>
+          @endif
         </div>
-        <p class="mb-2">Prenotazioni</p>
-        @if($attivita->prenotazioni->count() > 0)
-          <ul class="list-unstyled mb-0 ps-1">
-            @foreach($attivita->prenotazioni->take(3) as $prenotazione)
-              <li><i class="bx bx-dots-horizontal-rounded small"></i>
-                @php $label = trim(($prenotazione->nome ?? '').' '.($prenotazione->cognome ?? '')); @endphp
-                {{ $label !== '' ? $label : ('#'.$prenotazione->id) }}
-              </li>
-            @endforeach
-            @if($attivita->prenotazioni->count() > 3)
-              <li class="text-muted small">+ altre {{ $attivita->prenotazioni->count() - 3 }}</li>
-            @endif
-          </ul>
-        @else
-          <p class="mb-0 text-muted small">Nessuna prenotazione.</p>
+        @if($attivita->slug && $publicUrl)
+          <a
+            href="{{ $publicUrl }}"
+            class="small text-white opacity-75 d-block mt-1"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <code class="text-white">/{{ $attivita->slug }}</code>
+            <i class="bx bx-link-external ms-1"></i>
+          </a>
+        @elseif($attivita->slug)
+          <span class="small text-white opacity-75 d-block mt-1">
+            <code class="text-white">/{{ $attivita->slug }}</code>
+          </span>
         @endif
       </div>
     </div>
   </div>
 
-  {{-- Piatti --}}
-  <div class="col-lg-3 col-sm-6">
-    <div class="card card-border-shadow-warning h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-4">
-            <span class="avatar-initial rounded bg-label-warning"><i class="bx bx-food-menu bx-lg"></i></span>
+  <div class="card-body">
+    @if(filled($attivita->descrizione))
+      <p class="text-muted mb-4">{{ $attivita->descrizione }}</p>
+    @endif
+
+    <div class="row g-3 mb-3">
+      <div class="col-lg-4">
+        <div class="attivita-profile__panel">
+          <h6 class="attivita-profile__panel-title">
+            <i class="bx bx-image me-1"></i> Media
+          </h6>
+          <div class="attivita-profile__media-grid">
+            <div class="attivita-profile__media-item">
+              <div class="attivita-profile__media-thumb attivita-profile__media-thumb--wide">
+                <img src="{{ $coverUrl }}" alt="Copertina">
+              </div>
+              <div class="attivita-profile__media-label">Copertina</div>
+              @unless($hasCustomCover)
+                <div class="attivita-profile__media-hint">Predefinita</div>
+              @endunless
+            </div>
+            <div class="attivita-profile__media-item">
+              <div class="attivita-profile__media-thumb">
+                <img
+                  src="{{ $logoUrl }}"
+                  alt="Logo"
+                  data-fest-logo-fallback="{{ $festLogoFallback }}"
+                  onerror="if (this.dataset.festLogoFallback && this.src !== this.dataset.festLogoFallback) { this.src = this.dataset.festLogoFallback; }"
+                >
+              </div>
+              <div class="attivita-profile__media-label">Logo</div>
+              @unless($hasCustomLogo)
+                <div class="attivita-profile__media-hint">Predefinito</div>
+              @endunless
+            </div>
+            <div class="attivita-profile__media-item">
+              @if($iconFileUrl)
+                <div class="attivita-profile__media-thumb">
+                  <img src="{{ $iconFileUrl }}" alt="Icona file">
+                </div>
+                <div class="attivita-profile__media-label">Icona file</div>
+              @else
+                <div class="attivita-profile__media-thumb text-muted small px-2">
+                  <span>—</span>
+                </div>
+                <div class="attivita-profile__media-label">Icona file</div>
+                <div class="attivita-profile__media-hint">Non impostata</div>
+              @endif
+            </div>
           </div>
-          <h4 class="mb-0">{{ $attivita->piatti->count() }}</h4>
         </div>
-        <p class="mb-2">Piatti</p>
-        @if($attivita->piatti->count() > 0)
-          <ul class="list-unstyled mb-0 ps-1">
-            @foreach($attivita->piatti->take(3) as $piatto)
-              <li><i class="bx bx-dots-horizontal-rounded small"></i> {{ $piatto->nome ?? $piatto->id }}</li>
-            @endforeach
-            @if($attivita->piatti->count() > 3)
-              <li class="text-muted small">+ altri {{ $attivita->piatti->count() - 3 }}</li>
-            @endif
-          </ul>
-        @else
-          <p class="mb-0 text-muted small">Nessun piatto associato.</p>
-        @endif
       </div>
-    </div>
-  </div>
 
-  {{-- Fornitori --}}
-  <div class="col-lg-3 col-sm-6">
-    <div class="card card-border-shadow-secondary h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-4">
-            <span class="avatar-initial rounded bg-label-secondary"><i class="bx bx-store bx-lg"></i></span>
+      <div class="col-lg-4">
+        <div class="attivita-profile__panel">
+          <h6 class="attivita-profile__panel-title">
+            <i class="bx bx-palette me-1"></i> Branding
+          </h6>
+          <div class="mb-0">
+            <div class="attivita-profile__kv">
+              <span class="attivita-profile__kv-label">Colore</span>
+              <span class="attivita-profile__kv-value">
+                <span class="attivita-profile__color">
+                  <span class="attivita-profile__color-swatch" style="background: {{ $accent }};"></span>
+                  <code>{{ $attivita->colore ?: '#f58220' }}</code>
+                </span>
+              </span>
+            </div>
+            <div class="attivita-profile__kv">
+              <span class="attivita-profile__kv-label">Tipo</span>
+              <span class="attivita-profile__kv-value">{{ filled($attivita->tipo) ? $attivita->tipo : '—' }}</span>
+            </div>
+            <div class="attivita-profile__kv">
+              <span class="attivita-profile__kv-label">Icona</span>
+              <span class="attivita-profile__kv-value">
+                @if(filled($attivita->icona))
+                  @if($iconaHtml)
+                    <span class="attivita-profile__icona-box">{!! $attivita->icona !!}</span>
+                  @elseif(str_contains((string) $attivita->icona, 'bx '))
+                    <span class="attivita-profile__icona-box"><i class="{{ $attivita->icona }}"></i></span>
+                  @else
+                    <code>{{ $attivita->icona }}</code>
+                  @endif
+                @else
+                  <span class="text-muted">—</span>
+                @endif
+              </span>
+            </div>
           </div>
-          <h4 class="mb-0">{{ $attivita->fornitori->count() }}</h4>
         </div>
-        <p class="mb-2">Fornitori associati</p>
-        @if($attivita->fornitori->count() > 0)
-          <ul class="list-unstyled mb-0 ps-1">
-            @foreach($attivita->fornitori->take(3) as $fornitore)
-              <li><i class="bx bx-dots-horizontal-rounded small"></i> {{ $fornitore->nome ?? $fornitore->id }}</li>
-            @endforeach
-            @if($attivita->fornitori->count() > 3)
-              <li class="text-muted small">+ altri {{ $attivita->fornitori->count() - 3 }}</li>
-            @endif
-          </ul>
-        @else
-          <p class="mb-0 text-muted small">Nessun fornitore associato.</p>
-        @endif
       </div>
-    </div>
-  </div>
-</div>
 
-{{-- Placeholder: da collegare a dati reali in seguito --}}
-<div class="row g-3 mt-1">
-  <div class="col-lg-4 col-md-6">
-    <div class="card card-border-shadow-danger h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-3">
-            <span class="avatar-initial rounded bg-label-danger"><i class="bx bx-transfer-alt bx-lg"></i></span>
+      <div class="col-lg-4">
+        <div class="attivita-profile__panel">
+          <h6 class="attivita-profile__panel-title">
+            <i class="bx bx-link me-1"></i> URL pubblico
+          </h6>
+          <div class="mb-0">
+            <div class="attivita-profile__kv">
+              <span class="attivita-profile__kv-label">Slug</span>
+              <span class="attivita-profile__kv-value">
+                @if($attivita->slug)
+                  <code>/{{ $attivita->slug }}</code>
+                @else
+                  <span class="text-muted">{{ $attivita->publicSlug() }}</span>
+                @endif
+              </span>
+            </div>
+            <div class="attivita-profile__kv">
+              <span class="attivita-profile__kv-label">Pagina</span>
+              <span class="attivita-profile__kv-value">
+                @if($publicUrl)
+                  <a href="{{ $publicUrl }}" target="_blank" rel="noopener noreferrer">Apri</a>
+                @else
+                  <span class="text-muted">—</span>
+                @endif
+              </span>
+            </div>
           </div>
-          <h5 class="mb-0">Movimenti del giorno</h5>
         </div>
-        <p class="text-muted small mb-0">Placeholder: elenco movimenti della giornata corrente (da implementare).</p>
       </div>
     </div>
-  </div>
-  <div class="col-lg-4 col-md-6">
-    <div class="card card-border-shadow-dark h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-3">
-            <span class="avatar-initial rounded bg-label-dark"><i class="bx bx-line-chart bx-lg"></i></span>
+
+    <div class="attivita-profile__panel">
+      <h6 class="attivita-profile__panel-title">
+        <i class="bx bx-id-card me-1"></i> Contatti e ubicazione
+      </h6>
+
+      @if($infoInvalid)
+        <p class="text-muted small mb-2">Il campo info non è un JSON valido:</p>
+        <pre class="small bg-lighter rounded p-2 mb-0">{{ $attivita->info }}</pre>
+      @elseif($infoDecoded)
+        <div class="row g-4">
+          <div class="col-md-6">
+            <p class="small fw-semibold text-muted mb-2">Ubicazione</p>
+            <div class="mb-0">
+              @foreach($infoLocationKeys as $key)
+                @php
+                  $meta = $infoFields[$key];
+                  $value = trim((string) ($infoDecoded[$key] ?? ''));
+                @endphp
+                <div class="attivita-profile__kv">
+                  <span class="attivita-profile__kv-label">
+                    <i class="bx {{ $meta['icon'] }} me-1"></i>{{ $meta['label'] }}
+                  </span>
+                  <span class="attivita-profile__kv-value">{{ $value !== '' ? $value : '—' }}</span>
+                </div>
+              @endforeach
+            </div>
           </div>
-          <h5 class="mb-0">Bilancio anno solare</h5>
-        </div>
-        <p class="text-muted small mb-0">Placeholder: sintesi bilancio per l’anno solare in corso (da implementare).</p>
-      </div>
-    </div>
-  </div>
-  <div class="col-lg-4 col-md-12">
-    <div class="card card-border-shadow-primary h-100">
-      <div class="card-body">
-        <div class="d-flex align-items-center mb-2">
-          <div class="avatar me-3">
-            <span class="avatar-initial rounded bg-label-primary"><i class="bx bx-wallet bx-lg"></i></span>
+          <div class="col-md-6">
+            <p class="small fw-semibold text-muted mb-2">Contatti</p>
+            <div class="mb-0">
+              @foreach($infoContactKeys as $key)
+                @php
+                  $meta = $infoFields[$key];
+                  $value = trim((string) ($infoDecoded[$key] ?? ''));
+                @endphp
+                <div class="attivita-profile__kv">
+                  <span class="attivita-profile__kv-label">
+                    <i class="bx {{ $meta['icon'] }} me-1"></i>{{ $meta['label'] }}
+                  </span>
+                  <span class="attivita-profile__kv-value">
+                    @if($value !== '')
+                      @if(($meta['link'] ?? null) === 'mailto')
+                        <a href="mailto:{{ $value }}">{{ $value }}</a>
+                      @elseif(($meta['link'] ?? null) === 'tel')
+                        <a href="tel:{{ preg_replace('/\s+/', '', $value) }}">{{ $value }}</a>
+                      @elseif(($meta['link'] ?? null) === 'url')
+                        @php
+                          $url = $value;
+                          if (! preg_match('/^https?:\/\//i', $url)) {
+                            $url = 'https://'.$url;
+                          }
+                        @endphp
+                        <a href="{{ $url }}" target="_blank" rel="noopener noreferrer">{{ $value }}</a>
+                      @elseif($key === 'note')
+                        <span class="text-break">{{ $value }}</span>
+                      @else
+                        {{ $value }}
+                      @endif
+                    @else
+                      <span class="text-muted">—</span>
+                    @endif
+                  </span>
+                </div>
+              @endforeach
+            </div>
           </div>
-          <h5 class="mb-0">Incasso giornaliero per tipo di pagamento</h5>
         </div>
-        <p class="text-muted small mb-0">Placeholder: incassi di oggi ripartiti per metodo di pagamento (da implementare).</p>
-      </div>
+        @unless($infoHasValues)
+          <p class="text-muted small mt-3 mb-0">Nessun contatto o indirizzo compilato.</p>
+        @endunless
+      @else
+        <p class="text-muted small mb-0">Nessun dato info salvato per questa attività.</p>
+      @endif
     </div>
+
+    @can('edit-attivita')
+      <p class="text-muted small mt-3 mb-0">
+        <i class="bx bx-info-circle"></i>
+        Per cambiare nome, testi o immagini usa <strong>Modifica</strong> nella <a href="{{ route('attivita.index') }}">lista attività</a>.
+      </p>
+    @endcan
   </div>
 </div>
-@endsection
 
-@section('page-script')
+@if($isSelezionata)
+  <div class="card mb-3" style="--attivita-accent: {{ $accent }};">
+    <div class="card-header py-3">
+      <h5 class="card-title mb-0">Vai a…</h5>
+    </div>
+    <div class="card-body pt-2">
+      <div class="attivita-hub-links">
+        @foreach($hubLinks as $link)
+          @can($link['permission'])
+            <a href="{{ route($link['route']) }}">
+              <i class="bx {{ $link['icon'] }}"></i>
+              {{ $link['label'] }}
+            </a>
+          @endcan
+        @endforeach
+      </div>
+    </div>
+  </div>
 
+  @if($prossimiEventi->isNotEmpty())
+    <div class="card">
+      <div class="card-header d-flex justify-content-between align-items-center py-3">
+        <h5 class="card-title mb-0">Prossimi eventi</h5>
+        @can('view-evento')
+          <a href="{{ route('evento.index') }}" class="btn btn-sm btn-label-primary">Tutti</a>
+        @endcan
+      </div>
+      <div class="list-group list-group-flush">
+        @foreach($prossimiEventi as $evento)
+          @php
+            $dataInizio = $evento->data_inizio ? Carbon::parse($evento->data_inizio) : null;
+            $dataLabel = $dataInizio ? $dataInizio->translatedFormat('d M Y') : 'Data da definire';
+          @endphp
+          @can('view-evento')
+            <a
+              href="{{ route('evento.admin.show', ['evento_id' => $evento->id]) }}"
+              class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
+            >
+              <span>
+                <strong>{{ $evento->nome }}</strong>
+                <small class="text-muted d-block">{{ $dataLabel }}</small>
+              </span>
+              <i class="bx bx-chevron-right text-muted"></i>
+            </a>
+          @else
+            <div class="list-group-item">
+              <strong>{{ $evento->nome }}</strong>
+              <small class="text-muted d-block">{{ $dataLabel }}</small>
+            </div>
+          @endcan
+        @endforeach
+      </div>
+    </div>
+  @endif
+@endif
 @endsection

resources/views/bilancio/_partials/costi.blade.php

@@ -1,9 +1,17 @@
 <div class="tab-pane fade" id="bilancio-tab-costi" role="tabpanel">
+  <div class="card-body pt-4">
   <div class="row g-3">
-    <div class="col-6">
+    <div class="col-12 col-xl-6">
       <div class="card border">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Tabella Costi</h6>
+          <h6 class="card-title mb-0">
+            Tabella Costi
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Elenco delle categorie contabili di uscita nell'anno, con conteggio movimenti e totale."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · uscite</small>
         </div>
         <div class="card-body">
           <div class="table-responsive">
@@ -42,13 +50,17 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Trend costi mensili</h6>
+          <h6 class="card-title mb-0">
+            Trend costi mensili
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Andamento dei costi mese per mese: i picchi indicano periodi con spese maggiori."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · uscite</small>
         </div>
         <div class="card-body">
           <div id="bilancio-costi-chart" style="min-height: 230px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Mostra l'andamento dei costi mese per mese: picchi alti indicano periodi con spese maggiori.
-          </p>
         </div>
       </div>
     </div>
@@ -56,13 +68,17 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Top categorie costi</h6>
+          <h6 class="card-title mb-0">
+            Top categorie costi
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Confronto tra categorie: le barre più lunghe sono le voci che pesano di più sul totale costi."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · uscite per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-costi-categorie-chart" style="min-height: 260px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Confronta le categorie: le barre piu lunghe sono le voci che pesano di piu sul totale costi.
-          </p>
         </div>
       </div>
     </div>
@@ -70,13 +86,17 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Composizione costi (%)</h6>
+          <h6 class="card-title mb-0">
+            Composizione costi (%)
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Distribuzione percentuale: ogni fetta è la quota di una categoria sul totale costi dell'anno."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · uscite per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-costi-percent-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Distribuzione percentuale dei costi: ogni fetta rappresenta la quota di una categoria sul totale.
-          </p>
         </div>
       </div>
     </div>
@@ -84,15 +104,20 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Pareto costi (80/20)</h6>
+          <h6 class="card-title mb-0">
+            Pareto costi (80/20)
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Barre = importo categoria · linea = % cumulata. Serve a vedere quali poche voci coprono gran parte dei costi."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · uscite per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-costi-pareto-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Pareto 80/20: le barre mostrano i valori, la linea indica la percentuale cumulata per capire quali categorie coprono gran parte dei costi.
-          </p>
         </div>
       </div>
     </div>
   </div>
+  </div>
 </div>

resources/views/bilancio/_partials/ricavi.blade.php

@@ -1,9 +1,17 @@
 <div class="tab-pane fade" id="bilancio-tab-ricavi" role="tabpanel">
+  <div class="card-body pt-4">
   <div class="row g-3">
-    <div class="col-6">
+    <div class="col-12 col-xl-6">
       <div class="card border">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Tabella Ricavi</h6>
+          <h6 class="card-title mb-0">
+            Tabella Ricavi
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Elenco delle categorie contabili di entrata nell'anno, con conteggio movimenti e totale."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · entrate</small>
         </div>
         <div class="card-body">
           <div class="table-responsive">
@@ -42,13 +50,17 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Trend ricavi mensili</h6>
+          <h6 class="card-title mb-0">
+            Trend ricavi mensili
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Andamento dei ricavi mese per mese: una curva in crescita indica miglioramento delle entrate."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · entrate</small>
         </div>
         <div class="card-body">
           <div id="bilancio-ricavi-chart" style="min-height: 230px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Mostra l'andamento dei ricavi mese per mese: una curva in crescita indica un miglioramento delle entrate.
-          </p>
         </div>
       </div>
     </div>
@@ -56,13 +68,17 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Top categorie ricavi</h6>
+          <h6 class="card-title mb-0">
+            Top categorie ricavi
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Confronto tra categorie di ricavo: le barre più lunghe hanno maggior impatto sul totale."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · entrate per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-ricavi-categorie-chart" style="min-height: 260px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Confronta le categorie che generano ricavi: le barre piu lunghe sono le voci con maggior impatto.
-          </p>
         </div>
       </div>
     </div>
@@ -70,13 +86,17 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Composizione ricavi (%)</h6>
+          <h6 class="card-title mb-0">
+            Composizione ricavi (%)
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Distribuzione percentuale: ogni fetta indica quanto contribuisce una categoria al totale ricavi."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · entrate per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-ricavi-percent-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Distribuzione percentuale dei ricavi: ogni fetta indica quanto contribuisce una categoria al totale.
-          </p>
         </div>
       </div>
     </div>
@@ -84,15 +104,20 @@
     <div class="col-12 col-xl-6">
       <div class="card border h-100">
         <div class="card-header pb-2">
-          <h6 class="mb-0">Pareto ricavi (80/20)</h6>
+          <h6 class="card-title mb-0">
+            Pareto ricavi (80/20)
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Barre = importo · linea = % cumulata. Individua quali categorie coprono la maggior parte dei ricavi."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · entrate per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-ricavi-pareto-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mt-2 mb-0">
-            Pareto 80/20: individua rapidamente quali categorie coprono la maggior parte dei ricavi.
-          </p>
         </div>
       </div>
     </div>
   </div>
+  </div>
 </div>

resources/views/bilancio/_partials/sintesi.blade.php

@@ -19,114 +19,158 @@
 @endphp
 
 <div class="tab-pane fade show active" id="bilancio-tab-sintesi" role="tabpanel">
-  <div class="row g-3 mb-3">
-    <div class="col-12 col-md-6 col-xl-3">
-      <div class="card card-border-shadow-primary h-100">
-        <div class="card-body">
-          <div class="d-flex align-items-center justify-content-between">
-            <div class="content-left">
-              <span class="text-heading">Saldo annuale</span>
-              <h5 class="mb-0 mt-1 {{ ($saldoTotale ?? 0) >= 0 ? 'text-success' : 'text-danger' }}">
-                € {{ number_format((float)($saldoTotale ?? 0), 2, ',', '.') }}
-              </h5>
-              <small class="{{ $saldoTrendClass }}">
-                <i class="bx {{ $saldoTrendIcon }}"></i>
-                {{ number_format(abs($saldoDelta), 2, ',', '.') }} vs mese precedente
-              </small>
+  <div class="card-body pt-4">
+    <div class="row g-3 mb-4">
+      <div class="col-12 col-md-6 col-xl-3">
+        <div class="card card-border-shadow-primary h-100">
+          <div class="card-body">
+            <div class="d-flex align-items-start justify-content-between gap-2">
+              <div class="content-left">
+                <span class="fw-medium text-muted">
+                  Saldo annuale
+                  <i class="bx bx-info-circle text-primary ms-1"
+                     role="button" tabindex="0"
+                     data-bs-toggle="tooltip" data-bs-placement="top"
+                     title="Ricavi meno costi dell'anno selezionato. Il delta confronta l'ultimo mese con quello precedente."></i>
+                </span>
+                <h5 class="mb-0 mt-2 {{ ($saldoTotale ?? 0) >= 0 ? 'text-success' : 'text-danger' }}">
+                  € {{ number_format((float)($saldoTotale ?? 0), 2, ',', '.') }}
+                </h5>
+                <small class="{{ $saldoTrendClass }}">
+                  <i class="bx {{ $saldoTrendIcon }}"></i>
+                  {{ number_format(abs($saldoDelta), 2, ',', '.') }} vs mese precedente
+                </small>
+                <div class="small text-muted mt-1">Fonte: Prima nota</div>
+              </div>
+              <span class="avatar-initial rounded bg-label-primary">
+                <i class="bx bx-line-chart bx-lg"></i>
+              </span>
             </div>
-            <span class="avatar-initial rounded bg-label-primary">
-              <i class="bx bx-line-chart bx-lg"></i>
-            </span>
           </div>
         </div>
       </div>
-    </div>
 
-    <div class="col-12 col-md-6 col-xl-3">
-      <div class="card card-border-shadow-success h-100">
-        <div class="card-body">
-          <div class="d-flex align-items-center justify-content-between">
-            <div class="content-left">
-              <span class="text-heading">Ricavi totali</span>
-              <h5 class="mb-0 mt-1 text-success">
-                € {{ number_format((float)($ricaviTotali ?? 0), 2, ',', '.') }}
-              </h5>
-              <small>{{ (int)($movimentiCount ?? 0) }} movimenti registrati</small>
+      <div class="col-12 col-md-6 col-xl-3">
+        <div class="card card-border-shadow-success h-100">
+          <div class="card-body">
+            <div class="d-flex align-items-start justify-content-between gap-2">
+              <div class="content-left">
+                <span class="fw-medium text-muted">
+                  Ricavi totali
+                  <i class="bx bx-info-circle text-primary ms-1"
+                     role="button" tabindex="0"
+                     data-bs-toggle="tooltip" data-bs-placement="top"
+                     title="Somma delle entrate contabilizzate nell'anno. I movimenti no_contabile (es. staff) sono esclusi dal totale e segnalati sotto."></i>
+                </span>
+                <h5 class="mb-0 mt-2 text-success">
+                  € {{ number_format((float)($ricaviTotali ?? 0), 2, ',', '.') }}
+                </h5>
+                <small>
+                  {{ (int)($movimentiCount ?? 0) }} movimenti
+                  @if(($movimentiNonContabilizzatiCount ?? 0) > 0)
+                    <span class="text-muted">· {{ (int) $movimentiNonContabilizzatiCount }} non contabilizzati</span>
+                  @endif
+                </small>
+                <div class="small text-muted mt-1">Fonte: Prima nota · entrate</div>
+              </div>
+              <span class="avatar-initial rounded bg-label-success">
+                <i class="bx bx-trending-up bx-lg"></i>
+              </span>
             </div>
-            <span class="avatar-initial rounded bg-label-success">
-              <i class="bx bx-trending-up bx-lg"></i>
-            </span>
           </div>
         </div>
       </div>
-    </div>
 
-    <div class="col-12 col-md-6 col-xl-3">
-      <div class="card card-border-shadow-danger h-100">
-        <div class="card-body">
-          <div class="d-flex align-items-center justify-content-between">
-            <div class="content-left">
-              <span class="text-heading">Costi totali</span>
-              <h5 class="mb-0 mt-1 text-danger">
-                € {{ number_format((float)($costiTotali ?? 0), 2, ',', '.') }}
-              </h5>
-              <small>Top costo: {{ $topCosto['voce'] ?? 'N/D' }}</small>
+      <div class="col-12 col-md-6 col-xl-3">
+        <div class="card card-border-shadow-danger h-100">
+          <div class="card-body">
+            <div class="d-flex align-items-start justify-content-between gap-2">
+              <div class="content-left">
+                <span class="fw-medium text-muted">
+                  Costi totali
+                  <i class="bx bx-info-circle text-primary ms-1"
+                     role="button" tabindex="0"
+                     data-bs-toggle="tooltip" data-bs-placement="top"
+                     title="Somma delle uscite contabilizzate nell'anno. La voce top è la categoria con importo più alto."></i>
+                </span>
+                <h5 class="mb-0 mt-2 text-danger">
+                  € {{ number_format((float)($costiTotali ?? 0), 2, ',', '.') }}
+                </h5>
+                <small>Top costo: {{ $topCosto['voce'] ?? 'N/D' }}</small>
+                <div class="small text-muted mt-1">Fonte: Prima nota · uscite</div>
+              </div>
+              <span class="avatar-initial rounded bg-label-danger">
+                <i class="bx bx-trending-down bx-lg"></i>
+              </span>
             </div>
-            <span class="avatar-initial rounded bg-label-danger">
-              <i class="bx bx-trending-down bx-lg"></i>
-            </span>
           </div>
         </div>
       </div>
-    </div>
 
-    <div class="col-12 col-md-6 col-xl-3">
-      <div class="card card-border-shadow-info h-100">
-        <div class="card-body">
-          <div class="d-flex align-items-center justify-content-between">
-            <div class="content-left">
-              <span class="text-heading">Insight rapido</span>
-              <h6 class="mb-0 mt-1">
-                {{ !empty($bestMonth['mese']) ? 'Mese migliore: ' . $bestMonth['mese'] : 'Mese migliore non disponibile' }}
-              </h6>
-              <small>Top ricavo: {{ $topRicavo['voce'] ?? 'N/D' }}</small>
+      <div class="col-12 col-md-6 col-xl-3">
+        <div class="card card-border-shadow-info h-100">
+          <div class="card-body">
+            <div class="d-flex align-items-start justify-content-between gap-2">
+              <div class="content-left">
+                <span class="fw-medium text-muted">
+                  Insight rapido
+                  <i class="bx bx-info-circle text-primary ms-1"
+                     role="button" tabindex="0"
+                     data-bs-toggle="tooltip" data-bs-placement="top"
+                     title="Sintesi automatica: mese con saldo migliore e categoria di ricavo principale."></i>
+                </span>
+                <h6 class="mb-0 mt-2">
+                  {{ !empty($bestMonth['mese']) ? 'Mese migliore: ' . $bestMonth['mese'] : 'Mese migliore non disponibile' }}
+                </h6>
+                <small>Top ricavo: {{ $topRicavo['voce'] ?? 'N/D' }}</small>
+                <div class="small text-muted mt-1">Fonte: Prima nota</div>
+              </div>
+              <span class="avatar-initial rounded bg-label-info">
+                <i class="bx bx-bulb bx-lg"></i>
+              </span>
             </div>
-            <span class="avatar-initial rounded bg-label-info">
-              <i class="bx bx-bulb bx-lg"></i>
-            </span>
           </div>
         </div>
       </div>
     </div>
-  </div>
 
-  <h6 class="mb-2">Tabella Bilancio</h6>
-  <div class="table-responsive">
-    <table class="table table-sm table-bordered align-middle mb-0">
-      <thead>
-        <tr>
-          <th class="text-end">Totale ricavi</th>
-          <th class="text-center" style="width: 40px;">-</th>
-          <th class="text-end">Totale costi</th>
-          <th class="text-center" style="width: 40px;">=</th>
-          <th class="text-end">Saldo totale</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td class="text-end fw-semibold">€ {{ number_format((float)($ricaviTotali ?? 0), 2, ',', '.') }}</td>
-          <td class="text-center fw-semibold">-</td>
-          <td class="text-end fw-semibold">€ {{ number_format((float)($costiTotali ?? 0), 2, ',', '.') }}</td>
-          <td class="text-center fw-semibold">=</td>
-          <td class="text-end fw-bold {{ (($saldoTotale ?? 0) >= 0) ? 'text-primary' : 'text-warning' }}">
-            € {{ number_format((float)($saldoTotale ?? 0), 2, ',', '.') }}
-          </td>
-        </tr>
-      </tbody>
-    </table>
+    <div class="mb-2">
+      <h6 class="mb-0">
+        Tabella Bilancio
+        <i class="bx bx-info-circle text-primary ms-1"
+           role="button" tabindex="0"
+           data-bs-toggle="tooltip" data-bs-placement="top"
+           title="Equazione annuale: ricavi − costi = saldo. Il grafico sotto mostra le stesse voci mese per mese."></i>
+      </h6>
+      <small class="text-muted">Fonte: Prima nota</small>
+    </div>
+    <div class="table-responsive">
+      <table class="table table-sm table-bordered align-middle mb-0">
+        <thead>
+          <tr>
+            <th class="text-end">Totale ricavi</th>
+            <th class="text-center" style="width: 40px;">-</th>
+            <th class="text-end">Totale costi</th>
+            <th class="text-center" style="width: 40px;">=</th>
+            <th class="text-end">Saldo totale</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td class="text-end fw-semibold">€ {{ number_format((float)($ricaviTotali ?? 0), 2, ',', '.') }}</td>
+            <td class="text-center fw-semibold">-</td>
+            <td class="text-end fw-semibold">€ {{ number_format((float)($costiTotali ?? 0), 2, ',', '.') }}</td>
+            <td class="text-center fw-semibold">=</td>
+            <td class="text-end fw-bold {{ (($saldoTotale ?? 0) >= 0) ? 'text-primary' : 'text-warning' }}">
+              € {{ number_format((float)($saldoTotale ?? 0), 2, ',', '.') }}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div id="bilancio-saldo-col-chart" class="mt-3" style="min-height: 280px;"></div>
+    <p class="text-muted small mt-2 mb-0">
+      Colonne = ricavi e costi per mese · linea = saldo. Se la linea sale, il margine migliora.
+    </p>
   </div>
-  <div id="bilancio-saldo-col-chart" class="mt-3" style="min-height: 280px;"></div>
-  <p class="text-muted small mt-2 mb-0">
-    Come leggere: le colonne mostrano ricavi e costi per mese, la linea mostra il saldo (ricavi - costi). Se la linea sale, il margine migliora.
-  </p>
 </div>

resources/views/bilancio/_partials/statistiche.blade.php

@@ -10,127 +10,202 @@
 @endphp
 
 <div class="tab-pane fade" id="bilancio-tab-statistiche" role="tabpanel">
+  <div class="card-body pt-4">
   <div class="mb-3">
-    <h6 class="mb-1">Panoramica e Previsioni</h6>
-    <p class="text-muted small mb-0">Riassume lo stato economico medio e una stima del prossimo mese. [Fonte: Prima Nota e Pagamenti].</p>
+    <h6 class="mb-0">
+      Panoramica e Previsioni
+      <i class="bx bx-info-circle text-primary ms-1"
+         role="button" tabindex="0"
+         data-bs-toggle="tooltip" data-bs-placement="top"
+         title="Stato economico medio e stima del prossimo mese. La previsione è indicativa, basata sulla media dei mesi recenti."></i>
+    </h6>
   </div>
-  <div class="row g-3 mb-4">
-    <div class="col-12 col-md-6 col-xl-4">
+  <div class="row g-3 mb-3">
+    <div class="col-12 col-md-6">
       <div class="card card-border-shadow-warning h-100">
-        <div class="card-body">
-          <span class="text-heading">Previsione prossimo mese</span>
+        <div class="card-body py-3">
+          <span class="fw-medium text-muted">
+            Previsione prossimo mese
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Media di ricavi/costi sugli ultimi mesi disponibili. Non sostituisce una pianificazione ufficiale."></i>
+          </span>
           <h5 class="mb-0 mt-2 {{ ($previsione['saldo'] ?? 0) >= 0 ? 'text-success' : 'text-danger' }}">
             Saldo stimato: € {{ number_format((float)($previsione['saldo'] ?? 0), 2, ',', '.') }}
           </h5>
-          <small class="d-block mt-1">Ricavi stimati: € {{ number_format((float)($previsione['ricavi'] ?? 0), 2, ',', '.') }}</small>
-          <small class="d-block">Costi stimati: € {{ number_format((float)($previsione['costi'] ?? 0), 2, ',', '.') }}</small>
+          <div class="d-flex flex-wrap gap-3 mt-1">
+            <small>Ricavi: € {{ number_format((float)($previsione['ricavi'] ?? 0), 2, ',', '.') }}</small>
+            <small>Costi: € {{ number_format((float)($previsione['costi'] ?? 0), 2, ',', '.') }}</small>
+          </div>
           <small class="text-warning d-block mt-2">
-            Stima indicativa basata sugli ultimi {{ (int)($previsione['mesi_considerati'] ?? 0) }} mesi: non fare affidamento esclusivo su questi valori.
+            Stima sugli ultimi {{ (int)($previsione['mesi_considerati'] ?? 0) }} mesi
           </small>
+          <div class="small text-muted mt-1">Fonte: Prima nota (media mensile)</div>
         </div>
       </div>
     </div>
-    <div class="col-12 col-md-6 col-xl-4">
+    <div class="col-12 col-md-6">
       <div class="card card-border-shadow-primary h-100">
-        <div class="card-body">
-          <span class="text-heading">Ticket medio</span>
+        <div class="card-body py-3">
+          <span class="fw-medium text-muted">
+            Ticket medio
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Valore medio di ogni pagamento pagato nell'anno (staff escluso). Incasso cassa ÷ numero pagamenti."></i>
+          </span>
           <h5 class="mb-0 mt-2 text-primary">€ {{ number_format($ticketMedio, 2, ',', '.') }}</h5>
-          <small class="d-block mt-1">Calcolato su {{ $pagamentiAnno }} pagamenti dell'anno selezionato.</small>
-          <small class="text-muted d-block mt-2">Indica il valore medio di ogni pagamento emesso.</small>
+          <small class="d-block mt-1">Su {{ $pagamentiAnno }} pagamenti dell'anno</small>
+          <div class="small text-muted mt-1">Fonte: Pagamenti (staff escluso)</div>
         </div>
       </div>
     </div>
-    <div class="col-12 col-md-12 col-xl-4">
-      <div class="card h-100">
-        <div class="card-header d-flex justify-content-between align-items-center">
-          <h5 class="card-title m-0">Performance mensile</h5>
-          <small class="text-muted">Ricavi / Costi / Saldo</small>
+  </div>
+  <div class="row g-3 mb-4">
+    <div class="col-12">
+      <div class="card">
+        <div class="card-header">
+          <h5 class="card-title mb-0">
+            Performance mensile
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Andamento mensile di ricavi, costi e saldo sull'anno selezionato."></i>
+          </h5>
+          <small class="text-muted">Fonte: Prima nota · Ricavi / Costi / Saldo</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-performance-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Andamento mensile delle metriche principali.</p>
         </div>
       </div>
     </div>
   </div>
 
   <div class="mb-3">
-    <h6 class="mb-1">Affluenza</h6>
-    <p class="text-muted small mb-0">Descrive l'affluenza della clientela per orari e giorni. [Fonte: emissione pagamenti].</p>
+    <h6 class="mb-0">
+      Affluenza
+      <i class="bx bx-info-circle text-primary ms-1"
+         role="button" tabindex="0"
+         data-bs-toggle="tooltip" data-bs-placement="top"
+         title="Quando e in quali giorni si concentrano i pagamenti. Utile per turni e picchi di servizio."></i>
+    </h6>
   </div>
   <div class="row g-3 mb-4">
     <div class="col-12 col-xl-6">
       <div class="card h-100">
         <div class="card-header">
-          <h6 class="m-0">Heatmap affluenza (pagamenti)</h6>
+          <h6 class="card-title mb-0">
+            Heatmap affluenza
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Righe = giorni della settimana · colonne = ore. Più intenso = più pagamenti in quella fascia."></i>
+          </h6>
+          <small class="text-muted">Fonte: Pagamenti · data/ora</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-affluenza-heatmap" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Righe = giorni, colonne = ore: evidenzia quando si concentra la domanda.</p>
         </div>
       </div>
     </div>
     <div class="col-12 col-xl-6">
       <div class="card h-100">
         <div class="card-header">
-          <h6 class="m-0">Affluenza per giorno (pagamenti)</h6>
+          <h6 class="card-title mb-0">
+            Affluenza per giorno
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Volume di pagamenti aggregato per giorno della settimana."></i>
+          </h6>
+          <small class="text-muted">Fonte: Pagamenti · data/ora</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-affluenza-giorni-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Confronto rapido dei giorni con maggiore volume di pagamenti.</p>
         </div>
       </div>
     </div>
   </div>
 
   <div class="mb-3">
-    <h6 class="mb-1">Performance Operativa</h6>
-    <p class="text-muted small mb-0">Mostra quali categorie, piatti, cucine e metodi di pagamento incidono di più sui risultati.</p>
+    <h6 class="mb-0">
+      Performance Operativa
+      <i class="bx bx-info-circle text-primary ms-1"
+         role="button" tabindex="0"
+         data-bs-toggle="tooltip" data-bs-placement="top"
+         title="Quali categorie, piatti, cucine e metodi di pagamento incidono di più sul risultato annuale."></i>
+    </h6>
   </div>
   <div class="row g-3">
     <div class="col-12 col-xl-6">
       <div class="card h-100">
         <div class="card-header">
-          <h6 class="m-0">Performance categorie contabili</h6>
+          <h6 class="card-title mb-0">
+            Performance categorie contabili
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Saldo per categoria (ricavi − costi): evidenzia voci che aiutano o penalizzano il risultato."></i>
+          </h6>
+          <small class="text-muted">Fonte: Prima nota · per categoria</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-categoria-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Saldo per categoria (ricavi - costi): evidenzia le categorie che aiutano o penalizzano il risultato.</p>
         </div>
       </div>
     </div>
     <div class="col-12 col-xl-6">
       <div class="card h-100">
         <div class="card-header">
-          <h6 class="m-0">Performance piatti</h6>
+          <h6 class="card-title mb-0">
+            Performance piatti
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Top piatti per incasso annuale, da righe ordine legate a pagamenti reali (staff escluso)."></i>
+          </h6>
+          <small class="text-muted">Fonte: Righe ordine · pagamenti (staff escluso)</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-piatti-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Top piatti per incasso annuale (righe ordine incassate).</p>
         </div>
       </div>
     </div>
     <div class="col-12 col-xl-6">
       <div class="card h-100">
         <div class="card-header">
-          <h6 class="m-0">Performance cucine</h6>
+          <h6 class="card-title mb-0">
+            Performance cucine
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Contributo di ciascuna cucina ai ricavi complessivi dell'anno."></i>
+          </h6>
+          <small class="text-muted">Fonte: Righe ordine · pagamenti (staff escluso)</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-cucine-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Contributo delle cucine ai ricavi complessivi.</p>
         </div>
       </div>
     </div>
     <div class="col-12 col-xl-6">
       <div class="card h-100">
         <div class="card-header">
-          <h6 class="m-0">Performance pagamenti</h6>
+          <h6 class="card-title mb-0">
+            Performance pagamenti
+            <i class="bx bx-info-circle text-primary ms-1"
+               role="button" tabindex="0"
+               data-bs-toggle="tooltip" data-bs-placement="top"
+               title="Metodi di pagamento con maggior impatto sugli incassi cassa (staff escluso)."></i>
+          </h6>
+          <small class="text-muted">Fonte: Pagamenti (staff escluso)</small>
         </div>
         <div class="card-body">
           <div id="bilancio-stat-pagamenti-chart" style="min-height: 320px;"></div>
-          <p class="text-muted small mb-0">Metodi di pagamento con impatto maggiore sugli incassi.</p>
         </div>
       </div>
     </div>
   </div>
+  </div>
 </div>

resources/views/bilancio/index.blade.php

@@ -48,7 +48,7 @@ $configData = Helper::appClasses();
             <ol class="breadcrumb breadcrumb-custom-icon">
       
               <li class="breadcrumb-item">
-                <a href="#">Configurazioni</a>
+                <a href="#">Bilancio</a>
                 <i class="breadcrumb-icon icon-base bx bx-chevron-right align-middle"></i>
               </li>
               <li class="breadcrumb-item active text-primary">
@@ -65,14 +65,42 @@ $configData = Helper::appClasses();
     display: none !important;
   }
 
-  .bilancio-float-header {
-    max-width: 1100px;
-    margin: 0 auto 1rem auto;
-    border-radius: 1rem;
+  .bilancio-page {
+    width: 100%;
+    max-width: 100%;
   }
 
-  .bilancio-float-header .nav-pills .nav-link {
-    border-radius: .7rem;
+  /* Sneat aggiunge padding/bordo a .tab-content */
+  .bilancio-page .bilancio-tab-content {
+    padding: 0 !important;
+    border: 0 !important;
+    box-shadow: none !important;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .bilancio-page .bilancio-tab-content > .tab-pane {
+    padding: 0;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .bilancio-page .bilancio-tab-bar,
+  .bilancio-page .bilancio-content-card {
+    width: 100%;
+    border-radius: var(--bs-border-radius, .375rem);
+  }
+
+  .bilancio-page .bilancio-tab-bar {
+    margin-bottom: 1rem;
+  }
+
+  .bilancio-page .bilancio-tab-content .row {
+    --bs-gutter-x: 1.5rem;
+  }
+
+  .bilancio-tab-bar .nav-pills .nav-link {
+    border-radius: var(--bs-border-radius, .375rem);
     padding: .45rem .9rem;
   }
 
@@ -139,27 +167,28 @@ $configData = Helper::appClasses();
 </div>
 @endif
 
-<div class="card shadow-sm border bilancio-float-header">
-  <div class="card-body py-3">
-    <div class="d-flex flex-wrap align-items-center justify-content-center gap-3">
-      <div class="text-center text-md-start">
-        <!-- <span class="text-muted small d-block">Attivita</span> -->
-        <strong>{{ $attivita?->nome ?? 'N/D' }}</strong>
+<div class="bilancio-page">
+  <div class="card shadow-sm border bilancio-tab-bar">
+    <div class="card-body py-3">
+      <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 w-100 mb-3">
+        <div class="text-center text-md-start">
+          <strong>{{ $attivita?->nome ?? 'N/D' }}</strong>
+        </div>
+
+        <form method="GET" action="{{ route('bilancio.index') }}" class="d-flex align-items-center gap-2">
+          <label for="bilancio-anno" class="form-label mb-0 small text-muted">Anno</label>
+          <select id="bilancio-anno" name="anno" class="form-select form-select-sm" style="min-width: 110px;">
+            @foreach(($anniSelezionabili ?? collect()) as $anno)
+              <option value="{{ $anno }}" {{ (int)($selectedYear ?? now()->year) === (int)$anno ? 'selected' : '' }}>
+                {{ $anno }}
+              </option>
+            @endforeach
+          </select>
+          <button type="submit" class="btn btn-sm btn-primary">Applica</button>
+        </form>
       </div>
 
-      <form method="GET" action="{{ route('bilancio.index') }}" class="d-flex align-items-center gap-2">
-        <label for="bilancio-anno" class="form-label mb-0 small text-muted">Anno</label>
-        <select id="bilancio-anno" name="anno" class="form-select form-select-sm" style="min-width: 110px;">
-          @foreach(($anniSelezionabili ?? collect()) as $anno)
-            <option value="{{ $anno }}" {{ (int)($selectedYear ?? now()->year) === (int)$anno ? 'selected' : '' }}>
-              {{ $anno }}
-            </option>
-          @endforeach
-        </select>
-        <button type="submit" class="btn btn-sm btn-primary">Applica</button>
-      </form>
-
-      <ul class="nav nav-pills gap-1" role="tablist">
+      <ul class="nav nav-pills nav-fill gap-1 w-100" role="tablist">
         <li class="nav-item" role="presentation">
           <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#bilancio-tab-sintesi" aria-controls="bilancio-tab-sintesi" aria-selected="true">
             <i class="bx bx-pie-chart-alt me-1"></i>Sintesi
@@ -183,13 +212,15 @@ $configData = Helper::appClasses();
       </ul>
     </div>
   </div>
-</div>
 
-<div class="tab-content pt-2">
-  @include('bilancio._partials.statistiche')
-  @include('bilancio._partials.sintesi')
-  @include('bilancio._partials.costi')
-  @include('bilancio._partials.ricavi')
+  <div class="card shadow-sm border bilancio-content-card">
+    <div class="tab-content bilancio-tab-content w-100">
+      @include('bilancio._partials.statistiche')
+      @include('bilancio._partials.sintesi')
+      @include('bilancio._partials.costi')
+      @include('bilancio._partials.ricavi')
+    </div>
+  </div>
 </div>
 
 @endsection
@@ -197,6 +228,12 @@ $configData = Helper::appClasses();
 @section('page-script')
 <script>
   document.addEventListener('DOMContentLoaded', function () {
+    if (typeof bootstrap !== 'undefined' && bootstrap.Tooltip) {
+      document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (el) {
+        new bootstrap.Tooltip(el);
+      });
+    }
+
     var bilancioCharts = [];
     var statAffluenzaHeatmapChart = null;
     var affluenzaHeatmapSeries = @json($affluenzaHeatmapSeries);

resources/views/report/_partials/cucine.blade.php

@@ -16,256 +16,228 @@
       'righe' => $righe,
       'quantita' => $quantita,
       'incasso' => $incasso,
+      'ticket' => $ordini > 0 ? ($incasso / $ordini) : 0.0,
     ];
-  });
-
-  if ($rows->isEmpty() && isset($cucine)) {
-    $rows = collect($cucine)->map(function ($cucina) {
-      return [
-        'cucina' => $cucina->nome ?? 'Cucina',
-        'ordini' => 0,
-        'righe' => 0,
-        'quantita' => 0,
-        'incasso' => 0.0,
-      ];
-    });
-  }
-
-  $rows = $rows->sortByDesc('incasso')->values();
+  })->sortByDesc('incasso')->values();
 
   $totOrdini = (int) $rows->sum('ordini');
   $totRighe = (int) $rows->sum('righe');
   $totQuantita = (int) $rows->sum('quantita');
   $totIncasso = (float) $rows->sum('incasso');
+  $nCucineConfigurate = (int) $rows->count();
+  $nCucineConVendite = (int) $rows->filter(fn ($r) => ($r['incasso'] ?? 0) > 0 || ($r['quantita'] ?? 0) > 0)->count();
+  $maxIncasso = (float) ($rows->max('incasso') ?: 0);
+
+  $uid = 'rcuc-' . substr(md5(uniqid((string) mt_rand(), true)), 0, 8);
 @endphp
 
 <style>
-  .report-print {
-    background: #fff;
-    color: #111827;
-    padding: 24px;
-    border: 1px solid #e5e7eb;
-    border-radius: 8px;
-    font-family: Arial, Helvetica, sans-serif;
-  }
-
-  .report-head {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: 16px;
-    margin-bottom: 18px;
-  }
-
-  .report-title {
-    font-size: 24px;
-    font-weight: 700;
-    margin: 0 0 4px;
-    color: #111827;
-  }
-
-  .report-title-row {
-    display: flex;
-    align-items: baseline;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
-
-  .report-title-periodo {
-    font-size: 20px;
-    font-weight: 700;
-    color: #374151;
-    margin: 0;
-  }
-
-  .report-subtitle {
-    margin: 0;
-    font-size: 13px;
-    color: #4b5563;
-  }
-
-  .report-meta {
-    text-align: right;
-    font-size: 12px;
-    color: #6b7280;
-  }
-
-  .report-currency {
-    margin-bottom: 10px;
-    font-size: 12px;
-    color: #6b7280;
-    font-weight: 700;
+  .rcuc-row.is-hidden { display: none !important; }
+  .rcuc-table-wrap {
+    max-height: min(62vh, 560px);
+    overflow: auto;
+    border: 1px solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
+  }
+  .rcuc-table {
+    margin-bottom: 0;
+    --bs-table-hover-bg: rgba(67, 89, 113, 0.04);
+  }
+  .rcuc-table thead th {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--bs-gray-100, #f5f5f9);
+    box-shadow: inset 0 -1px 0 var(--bs-border-color);
+    font-size: .75rem;
+    font-weight: 600;
     text-transform: uppercase;
-    letter-spacing: 0.03em;
-  }
-
-  .report-cards {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    gap: 10px;
-    margin-bottom: 18px;
-  }
-
-  .report-card {
-    border: 1px solid #e5e7eb;
-    border-radius: 8px;
-    padding: 10px 12px;
-    background: #f9fafb;
-  }
-
-  .report-card .label {
-    display: block;
-    font-size: 12px;
-    color: #6b7280;
-    margin-bottom: 4px;
-  }
-
-  .report-card .value {
-    font-size: 18px;
+    letter-spacing: .02em;
+    white-space: nowrap;
+  }
+  .rcuc-table tfoot td {
+    position: sticky;
+    bottom: 0;
+    z-index: 2;
+    background: var(--bs-gray-100, #f5f5f9);
+    box-shadow: inset 0 1px 0 var(--bs-border-color);
     font-weight: 700;
-    color: #111827;
-  }
-
-  .report-table {
-    width: 100%;
-    border-collapse: collapse;
-    border: 1px solid #e5e7eb;
   }
-
-  .report-table thead th {
-    font-size: 12px;
-    font-weight: 700;
-    text-align: left;
-    padding: 8px 10px;
-    color: #374151;
-    background: #f3f4f6;
-    border-bottom: 1px solid #e5e7eb;
-    text-transform: uppercase;
-    letter-spacing: 0.03em;
-  }
-
-  .report-table tbody td {
-    font-size: 12px;
-    padding: 8px 10px;
-    border-bottom: 1px solid #f3f4f6;
-    color: #1f2937;
-  }
-
-  .report-table tbody tr:nth-child(even) {
-    background: #fcfcfd;
-  }
-
-  .report-table tfoot td {
-    font-size: 12px;
-    font-weight: 700;
-    padding: 8px 10px;
-    border-top: 2px solid #d1d5db;
-    background: #f9fafb;
+  .rcuc-table .rcuc-num {
+    font-variant-numeric: tabular-nums;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    font-size: .8125rem;
+    white-space: nowrap;
   }
-
-  .text-right {
-    text-align: right;
+  .rcuc-table td,
+  .rcuc-table th {
+    vertical-align: middle;
+    padding: .5rem .75rem;
   }
-
-  .font-mono {
-    font-family: "Consolas", "Courier New", monospace;
-    font-variant-numeric: tabular-nums;
+  .rcuc-table .rcuc-col-incasso {
+    background: rgba(40, 199, 111, 0.04);
+    font-weight: 600;
   }
-
-  .report-footer {
-    margin-top: 12px;
-    font-size: 11px;
-    color: #6b7280;
+  .rcuc-table thead th.rcuc-col-incasso,
+  .rcuc-table tfoot td.rcuc-col-incasso {
+    background: rgba(40, 199, 111, 0.08);
   }
-
   @media print {
-    body {
-      background: #fff !important;
-    }
-
-    .report-print {
-      border: 0;
-      border-radius: 0;
-      padding: 0;
-    }
+    .rcuc-toolbar { display: none !important; }
+    .rcuc-table-wrap { max-height: none; overflow: visible; border: 0; }
+    .rcuc-table thead th,
+    .rcuc-table tfoot td { position: static; box-shadow: none; }
   }
 </style>
 
-<section class="report-print">
-  <header class="report-head">
+<div id="{{ $uid }}">
+  <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-4">
     <div>
-      <div class="report-title-row">
-        <h1 class="report-title">{{ $reportTitle }}</h1>
-        <h2 class="report-title-periodo">Periodo: {{ $periodoLabel }}</h2>
-      </div>
-      <p class="report-subtitle">{{ $attivitaNome }}</p>
+      <h5 class="mb-1">{{ $reportTitle }}</h5>
+      <small class="text-muted">
+        <strong>{{ $attivitaNome }}</strong> · Periodo {{ $periodoLabel }}
+      </small>
     </div>
-    <div class="report-meta">
+    <small class="text-muted text-end">
       Generato il<br>
       <strong>{{ $generatoIl }}</strong>
-    </div>
-  </header>
-
-  <div class="report-currency">Valuta: EUR</div>
+    </small>
+  </div>
 
-  <div class="report-cards">
-    <div class="report-card">
-      <span class="label">Cucine</span>
-      <span class="value">{{ number_format($rows->count(), 0, ',', '.') }}</span>
+  <div class="row g-3 mb-4">
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-secondary h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Cucine con vendite</span>
+          <h5 class="mb-0 mt-1">{{ number_format($nCucineConVendite, 0, ',', '.') }}</h5>
+          <small class="text-muted">su {{ number_format($nCucineConfigurate, 0, ',', '.') }} configurate</small>
+        </div>
+      </div>
     </div>
-    <div class="report-card">
-      <span class="label">Ordini gestiti</span>
-      <span class="value">{{ number_format($totOrdini, 0, ',', '.') }}</span>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-info h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Ordini</span>
+          <h5 class="mb-0 mt-1">{{ number_format($totOrdini, 0, ',', '.') }}</h5>
+          <small class="text-muted">{{ number_format($totRighe, 0, ',', '.') }} righe</small>
+        </div>
+      </div>
     </div>
-    <div class="report-card">
-      <span class="label">Righe/Portate</span>
-      <span class="value">{{ number_format($totRighe, 0, ',', '.') }}</span>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-warning h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Pezzi</span>
+          <h5 class="mb-0 mt-1">{{ number_format($totQuantita, 0, ',', '.') }}</h5>
+          <small class="text-muted">Quantità venduta</small>
+        </div>
+      </div>
     </div>
-    <div class="report-card">
-      <span class="label">Incasso totale</span>
-      <span class="value">{{ number_format($totIncasso, 2, ',', '.') }}</span>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-success h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Incasso</span>
+          <h5 class="mb-0 mt-1 text-success">EUR {{ number_format($totIncasso, 2, ',', '.') }}</h5>
+          <small class="text-muted">Totale cucine nel periodo</small>
+        </div>
+      </div>
     </div>
   </div>
 
-  <table class="report-table">
-    <thead>
-      <tr>
-        <th>Cucina</th>
-        <th class="text-right font-mono">Ordini</th>
-        <th class="text-right font-mono">Righe</th>
-        <th class="text-right font-mono">Quantita</th>
-        <th class="text-right font-mono">Incasso</th>
-      </tr>
-    </thead>
-    <tbody>
-      @forelse($rows as $row)
-        <tr>
-          <td>{{ $row['cucina'] }}</td>
-          <td class="text-right font-mono">{{ number_format($row['ordini'], 0, ',', '.') }}</td>
-          <td class="text-right font-mono">{{ number_format($row['righe'], 0, ',', '.') }}</td>
-          <td class="text-right font-mono">{{ number_format($row['quantita'], 0, ',', '.') }}</td>
-          <td class="text-right font-mono">{{ number_format($row['incasso'], 2, ',', '.') }}</td>
-        </tr>
-      @empty
-        <tr>
-          <td colspan="5">Nessun dato cucina disponibile nel periodo selezionato.</td>
-        </tr>
-      @endforelse
-    </tbody>
-    @if($rows->isNotEmpty())
-      <tfoot>
-        <tr>
-          <td>Totale</td>
-          <td class="text-right font-mono">{{ number_format($totOrdini, 0, ',', '.') }}</td>
-          <td class="text-right font-mono">{{ number_format($totRighe, 0, ',', '.') }}</td>
-          <td class="text-right font-mono">{{ number_format($totQuantita, 0, ',', '.') }}</td>
-          <td class="text-right font-mono">{{ number_format($totIncasso, 2, ',', '.') }}</td>
-        </tr>
-      </tfoot>
-    @endif
-  </table>
-
-  <div class="report-footer">
-    Report per cucina dell'attivita nel periodo selezionato.
+  <div class="rcuc-toolbar d-flex flex-wrap justify-content-between align-items-end gap-2 mb-2">
+    <div>
+      <h6 class="mb-0">Performance per cucina</h6>
+      <small class="text-muted">Ordinato per incasso · header/footer fissi nello scroll</small>
+    </div>
+    <input type="search"
+           class="form-control form-control-sm"
+           id="{{ $uid }}-q"
+           placeholder="Cerca cucina…"
+           style="max-width: 240px;">
   </div>
-</section>
+
+  @if($rows->isEmpty())
+    <div class="alert alert-secondary mb-0">Nessun dato cucina nel periodo selezionato.</div>
+  @else
+    <div class="rcuc-table-wrap">
+      <table class="table table-sm table-hover table-striped rcuc-table align-middle">
+        <thead>
+          <tr>
+            <th style="width:48px;">#</th>
+            <th>Cucina</th>
+            <th class="text-end">Ordini</th>
+            <th class="text-end">Righe</th>
+            <th class="text-end">Pezzi</th>
+            <th class="text-end">Ticket</th>
+            <th class="text-end rcuc-col-incasso">Incasso</th>
+          </tr>
+        </thead>
+        <tbody>
+          @foreach($rows as $index => $row)
+            @php
+              $rank = $index + 1;
+              $share = $totIncasso > 0 ? (($row['incasso'] / $totIncasso) * 100) : 0;
+              $bar = $maxIncasso > 0 ? (($row['incasso'] / $maxIncasso) * 100) : 0;
+              $rankBadge = match ($rank) {
+                1 => 'bg-label-warning',
+                2 => 'bg-label-primary',
+                3 => 'bg-label-success',
+                default => 'bg-label-secondary',
+              };
+            @endphp
+            <tr class="rcuc-row" data-rcuc-search="{{ e(mb_strtolower($row['cucina'])) }}">
+              <td><span class="badge {{ $rankBadge }}">{{ $rank }}</span></td>
+              <td style="min-width: 180px;">
+                <div class="fw-medium">{{ $row['cucina'] }}</div>
+                <div class="progress mt-1" style="height: 4px;">
+                  <div class="progress-bar bg-warning" role="progressbar"
+                       style="width: {{ number_format($bar, 1, '.', '') }}%;"
+                       aria-valuenow="{{ (int) round($bar) }}" aria-valuemin="0" aria-valuemax="100"></div>
+                </div>
+                <small class="text-muted">{{ number_format($share, 1, ',', '.') }}%</small>
+              </td>
+              <td class="text-end rcuc-num">{{ number_format($row['ordini'], 0, ',', '.') }}</td>
+              <td class="text-end rcuc-num">{{ number_format($row['righe'], 0, ',', '.') }}</td>
+              <td class="text-end rcuc-num">{{ number_format($row['quantita'], 0, ',', '.') }}</td>
+              <td class="text-end rcuc-num">{{ number_format($row['ticket'], 2, ',', '.') }}</td>
+              <td class="text-end rcuc-num rcuc-col-incasso">{{ number_format($row['incasso'], 2, ',', '.') }}</td>
+            </tr>
+          @endforeach
+        </tbody>
+        <tfoot>
+          <tr>
+            <td></td>
+            <td>Totale</td>
+            <td class="text-end rcuc-num">{{ number_format($totOrdini, 0, ',', '.') }}</td>
+            <td class="text-end rcuc-num">{{ number_format($totRighe, 0, ',', '.') }}</td>
+            <td class="text-end rcuc-num">{{ number_format($totQuantita, 0, ',', '.') }}</td>
+            <td class="text-end rcuc-num">
+              {{ number_format($totOrdini > 0 ? ($totIncasso / $totOrdini) : 0, 2, ',', '.') }}
+            </td>
+            <td class="text-end rcuc-num rcuc-col-incasso">{{ number_format($totIncasso, 2, ',', '.') }}</td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  @endif
+
+  <small class="text-muted d-block mt-2">
+    Documento a uso interno · valori in euro · ordini pagati (staff escluso dall’incasso)
+  </small>
+</div>
+
+<script>
+(function () {
+  var root = document.getElementById(@json($uid));
+  if (!root) return;
+  var qInput = document.getElementById(@json($uid . '-q'));
+  if (!qInput) return;
+
+  qInput.addEventListener('input', function () {
+    var q = (qInput.value || '').trim().toLowerCase();
+    root.querySelectorAll('.rcuc-row').forEach(function (row) {
+      var hay = row.getAttribute('data-rcuc-search') || '';
+      row.classList.toggle('is-hidden', q.length > 0 && hay.indexOf(q) === -1);
+    });
+  });
+})();
+</script>

resources/views/report/_partials/incassi.blade.php

@@ -3,6 +3,7 @@
   $attivitaNome = $attivitaNome ?? 'Attivita';
   $periodoLabel = $periodoLabel ?? 'Periodo non specificato';
   $generatoIl = $generatoIl ?? now()->format('d/m/Y H:i');
+
   $movimenti = collect($movimenti ?? [])
     ->map(function ($movimento) {
       $rawTs = $movimento['timestamp'] ?? $movimento['data'] ?? null;
@@ -10,317 +11,299 @@
 
       if ($parsedTs !== false) {
         $movimento['_sort_ts'] = $parsedTs;
-        $movimento['_display_ts'] = date('Y-m-d H:i:s', $parsedTs);
         $movimento['_date_key'] = date('Y-m-d', $parsedTs);
         $movimento['_date_label'] = date('d/m/Y', $parsedTs);
+        $movimento['_weekday'] = \Carbon\Carbon::createFromTimestamp($parsedTs)->locale('it')->isoFormat('ddd');
       } else {
         $movimento['_sort_ts'] = 0;
-        $movimento['_display_ts'] = '-';
         $movimento['_date_key'] = '0000-00-00';
         $movimento['_date_label'] = '-';
+        $movimento['_weekday'] = '';
       }
 
       $movimento['_metodo'] = (string) ($movimento['metodo'] ?? 'N/D');
       $tipo = strtolower((string) ($movimento['tipo'] ?? 'entrata'));
       $importo = (float) ($movimento['importo'] ?? 0);
-      // Per incassi i movimenti di uscita (es. rimborsi) impattano in negativo.
-      $movimento['_signed_importo'] = $tipo === 'uscita' ? -abs($importo) : abs($importo);
+
+      if ($tipo === 'uscita') {
+        $movimento['_signed_importo'] = -abs($importo);
+        $movimento['_in_saldo'] = true;
+      } elseif ($tipo === 'entrata') {
+        $movimento['_signed_importo'] = abs($importo);
+        $movimento['_in_saldo'] = true;
+      } else {
+        $movimento['_signed_importo'] = 0.0;
+        $movimento['_in_saldo'] = false;
+      }
 
       return $movimento;
     })
     ->sortByDesc('_sort_ts')
     ->values();
 
+  $movimentiSaldo = $movimenti->where('_in_saldo', true);
   $totEntrate = (float) ($totEntrate ?? $movimenti->where('tipo', 'entrata')->sum('importo'));
   $totUscite = (float) ($totUscite ?? $movimenti->where('tipo', 'uscita')->sum('importo'));
   $saldo = (float) ($saldo ?? ($totEntrate - $totUscite));
 
-  $metodiPagamento = $movimenti
+  $metodiPagamento = $movimentiSaldo
     ->pluck('_metodo')
     ->filter()
     ->unique()
     ->sort()
     ->values();
 
-  $giorni = $movimenti
+  $totPerMetodo = $metodiPagamento->mapWithKeys(function ($metodo) use ($movimentiSaldo) {
+    return [$metodo => (float) $movimentiSaldo->where('_metodo', $metodo)->sum('_signed_importo')];
+  });
+
+  $giorni = $movimentiSaldo
     ->groupBy('_date_key')
     ->sortKeysDesc()
-    ->map(function ($items, $dateKey) use ($metodiPagamento) {
+    ->map(function ($items) use ($metodiPagamento) {
       $primaRiga = $items->first();
       $celle = [];
       foreach ($metodiPagamento as $metodo) {
-        $celle[$metodo] = (float) $items
-          ->where('_metodo', $metodo)
-          ->sum('_signed_importo');
+        $celle[$metodo] = (float) $items->where('_metodo', $metodo)->sum('_signed_importo');
       }
 
       return [
-        'date_key' => $dateKey,
         'date_label' => $primaRiga['_date_label'] ?? '-',
+        'weekday' => $primaRiga['_weekday'] ?? '',
         'celle' => $celle,
         'totale' => array_sum($celle),
       ];
     })
     ->values();
+
+  $giorniAttivi = $giorni->count();
+  $mediaGiorno = $giorniAttivi > 0 ? ($saldo / $giorniAttivi) : 0.0;
+  $volume = max(abs($totEntrate) + abs($totUscite), 0.0001);
 @endphp
 
 <style>
-  .report-print {
-    background: #fff;
-    color: #111827;
-    padding: 24px;
-    border: 1px solid #e5e7eb;
-    border-radius: 8px;
-    font-family: Arial, Helvetica, sans-serif;
-  }
-
-  .report-head {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: 16px;
-    margin-bottom: 18px;
+  .rinc-matrix-wrap {
+    max-height: min(62vh, 560px);
+    overflow: auto;
+    border: 1px solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
   }
-
-  .report-title {
-    font-size: 24px;
-    font-weight: 700;
-    margin: 0 0 4px;
-    color: #111827;
-  }
-
-  .report-title-row {
-    display: flex;
-    align-items: baseline;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
-
-  .report-title-periodo {
-    font-size: 20px;
-    font-weight: 700;
-    color: #374151;
-    margin: 0;
-  }
-
-  .report-subtitle {
-    margin: 0;
-    font-size: 13px;
-    color: #4b5563;
-  }
-
-  .report-meta {
-    text-align: right;
-    font-size: 12px;
-    color: #6b7280;
+  .rinc-matrix {
+    margin-bottom: 0;
+    --bs-table-hover-bg: rgba(67, 89, 113, 0.04);
   }
-
-  .report-currency {
-    margin-bottom: 10px;
-    font-size: 12px;
-    color: #6b7280;
-    font-weight: 700;
+  .rinc-matrix thead th {
+    position: sticky;
+    top: 0;
+    z-index: 3;
+    background: var(--bs-gray-100, #f5f5f9);
+    box-shadow: inset 0 -1px 0 var(--bs-border-color);
+    white-space: nowrap;
+    font-size: .75rem;
+    font-weight: 600;
     text-transform: uppercase;
-    letter-spacing: 0.03em;
-  }
-
-  .report-cards {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: 10px;
-    margin-bottom: 18px;
-  }
-
-  .report-card {
-    border: 1px solid #e5e7eb;
-    border-radius: 8px;
-    padding: 10px 12px;
-    background: #f9fafb;
-  }
-
-  .report-card .label {
-    display: block;
-    font-size: 12px;
-    color: #6b7280;
-    margin-bottom: 4px;
+    letter-spacing: .02em;
   }
-
-  .report-card .value {
-    font-size: 18px;
-    font-weight: 700;
-    color: #111827;
+  .rinc-matrix th.rinc-sticky,
+  .rinc-matrix td.rinc-sticky {
+    position: sticky;
+    left: 0;
+    z-index: 2;
+    background: var(--bs-paper-bg, var(--bs-body-bg, #fff));
+    box-shadow: 1px 0 0 var(--bs-border-color);
+    min-width: 7.5rem;
   }
-
-  .report-table {
-    width: 100%;
-    border-collapse: collapse;
-    border: 1px solid #e5e7eb;
+  .rinc-matrix thead th.rinc-sticky {
+    z-index: 4;
+    background: var(--bs-gray-100, #f5f5f9);
   }
-
-  .report-table thead th {
-    font-size: 12px;
+  .rinc-matrix tfoot th,
+  .rinc-matrix tfoot td {
+    position: sticky;
+    bottom: 0;
+    z-index: 3;
+    background: var(--bs-gray-100, #f5f5f9);
+    box-shadow: inset 0 1px 0 var(--bs-border-color);
     font-weight: 700;
-    text-align: left;
-    padding: 8px 10px;
-    color: #374151;
-    background: #f3f4f6;
-    border-bottom: 1px solid #e5e7eb;
-    text-transform: uppercase;
-    letter-spacing: 0.03em;
   }
-
-  .report-table tbody td {
-    font-size: 12px;
-    padding: 8px 10px;
-    border-bottom: 1px solid #f3f4f6;
-    color: #1f2937;
-  }
-
-  .report-table tbody tr:nth-child(even) {
-    background: #fcfcfd;
+  .rinc-matrix tfoot td.rinc-sticky,
+  .rinc-matrix tfoot th.rinc-sticky {
+    z-index: 4;
   }
-
-  .text-right {
-    text-align: right;
-  }
-
-  .report-table th.text-right,
-  .report-table td.text-right {
-    text-align: right;
-  }
-
-  .font-mono {
-    font-family: "Consolas", "Courier New", monospace;
-    font-variant-numeric: tabular-nums;
-  }
-
-  .report-causale {
+  .rinc-matrix .rinc-col-total {
+    background: rgba(105, 108, 255, 0.04);
     font-weight: 600;
-    color: #111827;
-  }
-
-  .cell-negative {
-    color: #991b1b;
   }
-
-  .report-table tfoot td {
-    font-size: 12px;
-    font-weight: 700;
-    padding: 8px 10px;
-    border-top: 2px solid #d1d5db;
-    background: #f9fafb;
+  .rinc-matrix thead th.rinc-col-total,
+  .rinc-matrix tfoot td.rinc-col-total {
+    background: rgba(105, 108, 255, 0.08);
   }
-
-  .report-table .total-col {
-    font-weight: 700;
-    background: #fcfcfd;
+  .rinc-matrix .rinc-num {
+    font-variant-numeric: tabular-nums;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    font-size: .8125rem;
+    white-space: nowrap;
   }
-
-  .report-footer {
-    margin-top: 12px;
-    font-size: 11px;
-    color: #6b7280;
+  .rinc-matrix td,
+  .rinc-matrix th {
+    vertical-align: middle;
+    padding: .45rem .7rem;
   }
-
   @media print {
-    body {
-      background: #fff !important;
-    }
-
-    .report-print {
-      border: 0;
-      border-radius: 0;
-      padding: 0;
-    }
+    .rinc-matrix-wrap { max-height: none; overflow: visible; border: 0; }
+    .rinc-matrix thead th,
+    .rinc-matrix th.rinc-sticky,
+    .rinc-matrix td.rinc-sticky,
+    .rinc-matrix tfoot td { position: static; box-shadow: none; }
   }
 </style>
 
-<section class="report-print">
-  <header class="report-head">
+<div>
+  <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-4">
     <div>
-      <div class="report-title-row">
-        <h1 class="report-title">{{ $reportTitle }}</h1>
-    
-        <h2 class="report-title-periodo">Periodo: {{ $periodoLabel }}</h2>
-      </div>
-      <p class="report-subtitle">
-        {{ $attivitaNome }}
-      </p>
+      <h5 class="mb-1">{{ $reportTitle }}</h5>
+      <small class="text-muted">
+        <strong>{{ $attivitaNome }}</strong> · Periodo {{ $periodoLabel }}
+      </small>
     </div>
-    <div class="report-meta">
+    <small class="text-muted text-end">
       Generato il<br>
       <strong>{{ $generatoIl }}</strong>
-    </div>
-  </header>
-
-  <div class="report-currency">Valuta: EUR</div>
+    </small>
+  </div>
 
-  <div class="report-cards">
-    <div class="report-card">
-      <span class="label">Totale Mov. Avere</span>
-      <span class="value">{{ number_format($totEntrate, 2, ',', '.') }}</span>
+  <div class="row g-3 mb-4">
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-success h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Entrate</span>
+          <h5 class="mb-0 mt-1 text-success">EUR {{ number_format($totEntrate, 2, ',', '.') }}</h5>
+          <small class="text-muted">Movimenti in avere</small>
+        </div>
+      </div>
     </div>
-    <div class="report-card">
-      <span class="label">Totale Mov. Dare</span>
-      <span class="value">{{ number_format($totUscite, 2, ',', '.') }}</span>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-danger h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Uscite / storni</span>
+          <h5 class="mb-0 mt-1 text-danger">EUR {{ number_format($totUscite, 2, ',', '.') }}</h5>
+          <small class="text-muted">Movimenti in dare</small>
+        </div>
+      </div>
     </div>
-    <div class="report-card">
-      <span class="label">Saldo</span>
-      <span class="value">{{ number_format($saldo, 2, ',', '.') }}</span>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-primary h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Saldo netto</span>
+          <h5 class="mb-0 mt-1 {{ $saldo >= 0 ? 'text-success' : 'text-danger' }}">
+            EUR {{ number_format($saldo, 2, ',', '.') }}
+          </h5>
+          <small class="text-muted">Entrate − uscite</small>
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-info h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Media / giorno</span>
+          <h5 class="mb-0 mt-1">EUR {{ number_format($mediaGiorno, 2, ',', '.') }}</h5>
+          <small class="text-muted">{{ number_format($giorniAttivi, 0, ',', '.') }} giorni con attività</small>
+        </div>
+      </div>
     </div>
   </div>
 
-  <table class="report-table">
-    <thead>
-      <tr>
-        <th>Data</th>
-        @foreach($metodiPagamento as $metodo)
-          <th class="text-right font-mono">{{ $metodo }}</th>
-        @endforeach
-        <th class="text-right font-mono">Totale</th>
-      </tr>
-    </thead>
-    <tbody>
-      @forelse($giorni as $giorno)
-        <tr>
-          <td class="font-mono">{{ $giorno['date_label'] }}</td>
-          @foreach($metodiPagamento as $metodo)
-            @php $val = (float) ($giorno['celle'][$metodo] ?? 0); @endphp
-            <td class="text-right font-mono {{ $val < 0 ? 'cell-negative' : '' }}">
-              {{ number_format($val, 2, ',', '.') }}
-            </td>
+  @if($metodiPagamento->isNotEmpty())
+    <div class="row g-3 mb-4">
+      @foreach($metodiPagamento as $metodo)
+        @php
+          $val = (float) ($totPerMetodo[$metodo] ?? 0);
+          $pct = round((abs($val) / $volume) * 100, 1);
+          $share = $totEntrate > 0 ? min(100, max(0, ($val / $totEntrate) * 100)) : 0;
+        @endphp
+        <div class="col-sm-6 col-lg-4 col-xl-3">
+          <div class="card h-100 border shadow-none">
+            <div class="card-body py-3">
+              <div class="d-flex justify-content-between align-items-start gap-2 mb-2">
+                <span class="fw-medium">{{ $metodo }}</span>
+                <span class="badge bg-label-secondary">{{ number_format($pct, 1, ',', '.') }}%</span>
+              </div>
+              <div class="mb-2 {{ $val < 0 ? 'text-danger' : '' }} fw-semibold">
+                EUR {{ number_format($val, 2, ',', '.') }}
+              </div>
+              <div class="progress" style="height: 4px;">
+                <div class="progress-bar bg-primary" role="progressbar"
+                     style="width: {{ number_format($share, 1, '.', '') }}%;"
+                     aria-valuenow="{{ (int) round($share) }}" aria-valuemin="0" aria-valuemax="100"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      @endforeach
+    </div>
+  @endif
+
+  <div class="mb-2 d-flex flex-wrap justify-content-between align-items-end gap-2">
+    <div>
+      <h6 class="mb-0">Incassi per giorno e metodo</h6>
+      <small class="text-muted">Header e totali fissi · prima colonna sticky in orizzontale</small>
+    </div>
+  </div>
+
+  @if($giorni->isEmpty())
+    <div class="alert alert-secondary mb-0">Nessun incasso nel periodo selezionato.</div>
+  @else
+    <div class="rinc-matrix-wrap">
+      <table class="table table-sm table-hover table-striped rinc-matrix align-middle">
+        <thead>
+          <tr>
+            <th class="rinc-sticky">Giorno</th>
+            @foreach($metodiPagamento as $metodo)
+              <th class="text-end">{{ $metodo }}</th>
+            @endforeach
+            <th class="text-end rinc-col-total">Totale</th>
+          </tr>
+        </thead>
+        <tbody>
+          @foreach($giorni as $giorno)
+            <tr>
+              <td class="rinc-sticky">
+                <span class="fw-medium">{{ $giorno['date_label'] }}</span>
+                @if($giorno['weekday'])
+                  <small class="text-muted ms-1 text-capitalize">{{ $giorno['weekday'] }}</small>
+                @endif
+              </td>
+              @foreach($metodiPagamento as $metodo)
+                @php $val = (float) ($giorno['celle'][$metodo] ?? 0); @endphp
+                <td class="text-end rinc-num {{ $val < 0 ? 'text-danger' : ($val > 0 ? 'text-body' : 'text-muted') }}">
+                  {{ $val == 0.0 ? '—' : number_format($val, 2, ',', '.') }}
+                </td>
+              @endforeach
+              <td class="text-end rinc-num rinc-col-total {{ $giorno['totale'] < 0 ? 'text-danger' : '' }}">
+                {{ number_format((float) $giorno['totale'], 2, ',', '.') }}
+              </td>
+            </tr>
           @endforeach
-          <td class="text-right font-mono total-col {{ $giorno['totale'] < 0 ? 'cell-negative' : '' }}">
-            {{ number_format((float) $giorno['totale'], 2, ',', '.') }}
-          </td>
-        </tr>
-      @empty
-        <tr>
-          <td colspan="{{ 2 + $metodiPagamento->count() }}">Nessun incasso trovato nel periodo selezionato.</td>
-        </tr>
-      @endforelse
-    </tbody>
-    @if($giorni->isNotEmpty())
-      <tfoot>
-        <tr>
-          <td>Totale periodo</td>
-          @foreach($metodiPagamento as $metodo)
-            @php
-              $totMetodo = (float) $movimenti->where('_metodo', $metodo)->sum('_signed_importo');
-            @endphp
-            <td class="text-right font-mono {{ $totMetodo < 0 ? 'cell-negative' : '' }}">
-              {{ number_format($totMetodo, 2, ',', '.') }}
+        </tbody>
+        <tfoot>
+          <tr>
+            <th class="rinc-sticky">Totale periodo</th>
+            @foreach($metodiPagamento as $metodo)
+              @php $totMetodo = (float) ($totPerMetodo[$metodo] ?? 0); @endphp
+              <td class="text-end rinc-num {{ $totMetodo < 0 ? 'text-danger' : '' }}">
+                {{ number_format($totMetodo, 2, ',', '.') }}
+              </td>
+            @endforeach
+            <td class="text-end rinc-num rinc-col-total {{ $saldo < 0 ? 'text-danger' : '' }}">
+              {{ number_format($saldo, 2, ',', '.') }}
             </td>
-          @endforeach
-          <td class="text-right font-mono total-col {{ $saldo < 0 ? 'cell-negative' : '' }}">
-            {{ number_format($saldo, 2, ',', '.') }}
-          </td>
-        </tr>
-      </tfoot>
-    @endif
-  </table>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  @endif
 
-  <div class="report-footer">
-    Documento a uso interno. Valori espressi in euro.
-  </div>
-</section>
+  <small class="text-muted d-block mt-2">
+    Documento a uso interno · valori in euro
+  </small>
+</div>

resources/views/report/_partials/movimenti.blade.php

@@ -3,6 +3,7 @@
   $attivitaNome = $attivitaNome ?? 'Attivita';
   $periodoLabel = $periodoLabel ?? 'Periodo non specificato';
   $generatoIl = $generatoIl ?? now()->format('d/m/Y H:i');
+
   $movimenti = collect($movimenti ?? [])
     ->map(function ($movimento) {
       $rawTs = $movimento['timestamp'] ?? $movimento['data'] ?? null;
@@ -10,314 +11,394 @@
 
       if ($parsedTs !== false) {
         $movimento['_sort_ts'] = $parsedTs;
-        $movimento['_display_ts'] = date('Y-m-d H:i:s', $parsedTs);
+        $movimento['_display_time'] = date('H:i', $parsedTs);
+        $movimento['_date_key'] = date('Y-m-d', $parsedTs);
+        $movimento['_date_label'] = date('d/m/Y', $parsedTs);
+        $movimento['_weekday'] = \Carbon\Carbon::createFromTimestamp($parsedTs)->locale('it')->isoFormat('dddd');
       } else {
         $movimento['_sort_ts'] = 0;
-        $movimento['_display_ts'] = '-';
+        $movimento['_display_time'] = '-';
+        $movimento['_date_key'] = '0000-00-00';
+        $movimento['_date_label'] = '-';
+        $movimento['_weekday'] = '';
       }
 
+      $tipo = strtolower(trim((string) ($movimento['tipo'] ?? '')));
+      $movimento['_tipo'] = $tipo;
+      $importo = abs((float) ($movimento['importo'] ?? 0));
+      // Segno contabile: entrata +, uscita -, no_contabile 0 sul saldo progressivo
+      $movimento['_signed'] = match ($tipo) {
+        'entrata' => $importo,
+        'uscita' => -$importo,
+        default => 0.0,
+      };
+      $movimento['_search'] = mb_strtolower(implode(' ', [
+        $movimento['causale'] ?? '',
+        $movimento['categoria'] ?? '',
+        $movimento['metodo'] ?? '',
+        $tipo,
+        $movimento['_date_label'] ?? '',
+      ]));
+
       return $movimento;
     })
-    ->sortByDesc('_sort_ts')
+    // Cronologico ASC per saldo progressivo leggibile; in UI mostriamo dal più recente in alto
+    ->sortBy('_sort_ts')
     ->values();
 
-  $totEntrate = (float) ($totEntrate ?? $movimenti->where('tipo', 'entrata')->sum('importo'));
-  $totUscite = (float) ($totUscite ?? $movimenti->where('tipo', 'uscita')->sum('importo'));
-  $saldo = (float) ($saldo ?? ($totEntrate - $totUscite));
-  $saldoClass = $saldo >= 0 ? 'value-positive' : 'value-negative';
-@endphp
+  // Saldo progressivo in ordine temporale
+  $running = 0.0;
+  $movimenti = $movimenti->map(function ($m) use (&$running) {
+    $running += (float) $m['_signed'];
+    $m['_running'] = $running;
+    return $m;
+  });
 
-<style>
-
-  @page {
-    margin: 68px 28px 44px;
-  }
+  // Vista: dal più recente
+  $movimentiView = $movimenti->sortByDesc('_sort_ts')->values();
 
-  .report-print {
-    background: #fff;
-    color: #0f172a;
-    padding: 0;
-    /* border: 1px solid #dbe3ee; */
-    border-radius: 10px;
-    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
-    overflow: hidden;
-    font-family: "DejaVu Sans", "Segoe UI", Arial, sans-serif;
-  }
-
-  .report-topline {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    margin: 16px 18px 10px;
-  }
-
-  .report-pill {
-    margin-top:10px;
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    border: 1px solid #cbd5e1;
-    border-radius: 999px;
-    padding: 6px 12px;
-    background: #f8fafc;
-    font-size: 12px;
-    color: #0f172a;
-    white-space: nowrap;
-  }
-
-  .report-pill-label {
-    font-weight: 700;
-    color: #64748b;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-  }
-
-  .report-pill-value {
-    font-weight: 700;
-    color: #0f172a;
-  }
-
-  .report-title-wrap {
-    margin: 0 18px 14px;
-    text-align: center;
-  }
+  $totEntrate = (float) ($totEntrate ?? $movimenti->where('_tipo', 'entrata')->sum('importo'));
+  $totUscite = (float) ($totUscite ?? $movimenti->where('_tipo', 'uscita')->sum('importo'));
+  $totNonContabile = (float) ($totNonContabilizzato ?? $movimenti->where('_tipo', 'no_contabile')->sum('importo'));
+  $saldo = (float) ($saldo ?? ($totEntrate - $totUscite));
+  $countMovimenti = $movimenti->count();
+  $countEntrate = $movimenti->where('_tipo', 'entrata')->count();
+  $countUscite = $movimenti->where('_tipo', 'uscita')->count();
+
+  // Sezioni giorno (ancora raggruppate, ma in UNA sola tabella)
+  $giorni = $movimentiView
+    ->groupBy('_date_key')
+    ->map(function ($items) {
+      $first = $items->first();
+      $entrateGiorno = (float) $items->where('_tipo', 'entrata')->sum('importo');
+      $usciteGiorno = (float) $items->where('_tipo', 'uscita')->sum('importo');
+
+      return [
+        'date_label' => $first['_date_label'] ?? '-',
+        'weekday' => $first['_weekday'] ?? '',
+        'items' => $items->values(),
+        'entrate' => $entrateGiorno,
+        'uscite' => $usciteGiorno,
+        'netto' => $entrateGiorno - $usciteGiorno,
+        'count' => $items->count(),
+      ];
+    })
+    ->values();
 
-  .report-title {
-    font-size: 22px;
-    font-weight: 700;
-    margin: 0;
-    color: #0f172a;
-    letter-spacing: 0.03em;
-    text-transform: uppercase;
-  }
+  $uid = 'rmov-' . substr(md5(uniqid((string) mt_rand(), true)), 0, 8);
+@endphp
 
-  .report-title-sub {
-    margin-top: 2px;
-    font-size: 12px;
-    color: #64748b;
-    letter-spacing: 0.03em;
-    text-transform: uppercase;
-  }
+<style>
+  .rmov-row.is-hidden,
+  .rmov-day-band.is-hidden { display: none !important; }
 
-  .report-content {
-    padding: 0 18px 18px;
+  .rmov-ledger-wrap {
+    max-height: min(68vh, 640px);
+    overflow: auto;
+    border: 1px solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
   }
-
-  .report-cards {
-    display: table;
+  .rmov-ledger {
+    margin-bottom: 0;
     table-layout: fixed;
-    width: 100%;
-    border-spacing: 10px 0;
-    border-collapse: separate;
-    margin-bottom: 18px;
-    margin-left: -10px;
-    margin-right: -10px;
-  }
-
-  .report-card {
-    display: table-cell;
-    border: 1px solid #dbe3ee;
-    border-radius: 10px;
-    padding: 10px 12px;
-    vertical-align: middle;
-  }
-  .report-card--entrate {
-    background: #ecfdf3;
-    border-color: #bbf7d0;
-  }
-  .report-card--uscite {
-    background: #fef2f2;
-    border-color: #fecaca;
-  }
-  .report-card--saldo {
-    background: #eff6ff;
-    border-color: #bfdbfe;
-  }
-
-  .report-card .label {
-    display: block;
-    font-size: 12px;
-    color: #475569;
-    margin-bottom: 4px;
+    --bs-table-hover-bg: rgba(67, 89, 113, 0.04);
+  }
+  .rmov-ledger thead th {
+    position: sticky;
+    top: 0;
+    z-index: 3;
+    background: var(--bs-gray-100, #f5f5f9);
+    box-shadow: inset 0 -1px 0 var(--bs-border-color);
+    font-size: .72rem;
+    font-weight: 600;
     text-transform: uppercase;
-    letter-spacing: 0.03em;
+    letter-spacing: .02em;
+    white-space: nowrap;
+    padding: .5rem .7rem;
   }
-
-  .report-card .value {
-    font-size: 19px;
-    font-weight: 700;
-    color: #0f172a;
+  .rmov-ledger td {
+    padding: .42rem .7rem;
+    vertical-align: middle;
   }
-
-  .report-card--entrate .label,
-  .report-card--entrate .value {
-    color: #166534;
+  .rmov-ledger .rmov-num {
+    font-variant-numeric: tabular-nums;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    font-size: .8125rem;
+    white-space: nowrap;
   }
-
-  .report-card--uscite .label,
-  .report-card--uscite .value {
-    color: #991b1b;
+  /* Day band: pattern ledger moderno (section row in-table) */
+  .rmov-ledger .rmov-day-band td {
+    background: var(--bs-gray-100, #f5f5f9);
+    border-top: 1px solid var(--bs-border-color);
+    border-bottom: 1px solid var(--bs-border-color);
+    padding: .45rem .7rem;
+    position: sticky;
+    top: 2.15rem; /* sotto thead */
+    z-index: 2;
+  }
+  .rmov-ledger .rmov-col-avere,
+  .rmov-ledger .rmov-col-dare,
+  .rmov-ledger .rmov-col-saldo {
+    text-align: right;
+    width: 7.25rem;
   }
-
-  .report-card--saldo .label,
-  .report-card--saldo .value {
-    color: #1d4ed8;
+  .rmov-ledger .rmov-col-saldo {
+    background: rgba(105, 108, 255, 0.04);
+    font-weight: 600;
   }
-
-  .report-table {
-    width: 100%;
-    border-collapse: collapse;
-    border: 1px solid #dbe3ee;
-    border-radius: 8px;
-    overflow: hidden;
+  .rmov-ledger thead th.rmov-col-saldo {
+    background: rgba(105, 108, 255, 0.08);
   }
-
-  .report-table thead th {
-    font-size: 12px;
+  .rmov-ledger tfoot td {
+    position: sticky;
+    bottom: 0;
+    z-index: 3;
+    background: var(--bs-gray-100, #f5f5f9);
+    box-shadow: inset 0 1px 0 var(--bs-border-color);
     font-weight: 700;
-    text-align: left;
-    padding: 9px 10px;
-    color: #0f172a;
-    background: #e2e8f0;
-    border-bottom: 1px solid #cbd5e1;
-    text-transform: uppercase;
-    letter-spacing: 0.03em;
-  }
-  .report-table thead {
-    display: table-header-group;
-  }
-  .report-table tfoot {
-    display: table-row-group;
-  }
-
-  .report-table tbody td {
-    font-size: 12px;
-    padding: 8px 10px;
-    border-bottom: 1px solid #edf2f7;
-    color: #1e293b;
-  }
-
-  .report-table tbody tr:nth-child(even) {
-    background: #fcfdff;
-  }
-
-  .report-table tbody tr:hover {
-    background: #f1f5f9;
-  }
-  .report-table tr {
-    page-break-inside: avoid;
-  }
-
-  .text-right {
-    text-align: right;
   }
-
-  .font-mono {
-    font-family: "Consolas", "Courier New", monospace;
-    font-variant-numeric: tabular-nums;
+  .rmov-ledger .rmov-col-ora {
+    width: 3.75rem;
+    white-space: nowrap;
   }
-
-  .report-causale {
-    font-weight: 600;
-    color: #0f172a;
+  .rmov-ledger .rmov-col-tipo {
+    width: 6.25rem;
+    white-space: nowrap;
   }
-
-  .report-footer {
-    margin-top: 12px;
-    font-size: 11px;
-    color: #64748b;
-    border-top: 1px dashed #dbe3ee;
-    padding-top: 8px;
+  .rmov-causale {
+    font-size: 0.8125rem;
+    line-height: 1.35;
+    white-space: normal;
+    word-break: break-word;
   }
-
   @media print {
-    body {
-      background: #fff !important;
-    }
-
-    .report-print {
-      border: 0;
-      border-radius: 0;
-      padding: 0;
-      box-shadow: none;
-    }
-
-    .report-table tbody tr:hover {
-      background: transparent;
-    }
+    .rmov-toolbar { display: none !important; }
+    .rmov-ledger-wrap { max-height: none; overflow: visible; border: 0; }
+    .rmov-ledger thead th,
+    .rmov-ledger .rmov-day-band td,
+    .rmov-ledger tfoot td { position: static; box-shadow: none; }
   }
 </style>
 
-<section class="report-print">
-  <div class="report-topline">
-    <div class="report-pill">
-      <span class="report-pill-label">Attivita</span>
-      <span class="report-pill-value">{{ $attivitaNome }}</span>
-    </div>
-    <div class="report-pill">
-      <span class="report-pill-label">Periodo</span>
-      <span class="report-pill-value">{{ $periodoLabel }}</span>
+<div id="{{ $uid }}">
+  <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-4">
+    <div>
+      <h5 class="mb-1">{{ $reportTitle }}</h5>
+      <small class="text-muted">
+        <strong>{{ $attivitaNome }}</strong> · Periodo {{ $periodoLabel }}
+      </small>
     </div>
+    <small class="text-muted text-end">
+      Generato il<br>
+      <strong>{{ $generatoIl }}</strong>
+    </small>
   </div>
 
-  <div class="report-title-wrap">
-    <h1 class="report-title">Elenco dei movimenti in EURO</h1>
-    <div class="report-title-sub">Generato il {{ $generatoIl }}</div>
-  </div>
-
-  <div class="report-content">
-    <div class="report-cards">
-      <div class="report-card report-card--entrate">
-        <span class="label">Totale Entrate</span>
-        <span class="value">{{ number_format($totEntrate, 2, ',', '.') }}</span>
+  <div class="row g-3 mb-4">
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-info h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Operazioni</span>
+          <h5 class="mb-0 mt-1">{{ number_format($countMovimenti, 0, ',', '.') }}</h5>
+          <small class="text-muted">
+            @if($totNonContabile > 0)
+              No contabile: EUR {{ number_format($totNonContabile, 2, ',', '.') }}
+            @else
+              Tutti i tipi nel periodo
+            @endif
+          </small>
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-danger h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Uscite (dare)</span>
+          <h5 class="mb-0 mt-1 text-danger">EUR {{ number_format($totUscite, 2, ',', '.') }}</h5>
+          <small class="text-muted">{{ number_format($countUscite, 0, ',', '.') }} movimenti</small>
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-success h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Entrate (avere)</span>
+          <h5 class="mb-0 mt-1 text-success">EUR {{ number_format($totEntrate, 2, ',', '.') }}</h5>
+          <small class="text-muted">{{ number_format($countEntrate, 0, ',', '.') }} movimenti</small>
+        </div>
       </div>
-      <div class="report-card report-card--uscite">
-        <span class="label">Totale Uscite</span>
-        <span class="value">{{ number_format($totUscite, 2, ',', '.') }}</span>
+    </div>
+    <div class="col-sm-6 col-xl-3">
+      <div class="card card-border-shadow-primary h-100">
+        <div class="card-body">
+          <span class="d-block text-muted small">Saldo</span>
+          <h5 class="mb-0 mt-1 {{ $saldo >= 0 ? 'text-success' : 'text-danger' }}">
+            EUR {{ number_format($saldo, 2, ',', '.') }}
+          </h5>
+          <small class="text-muted">Entrate − uscite</small>
+        </div>
       </div>
-      <div class="report-card report-card--saldo">
-        <span class="label">Saldo</span>
-        <span class="value">{{ number_format($saldo, 2, ',', '.') }}</span>
+    </div>
+  </div>
+
+  <div class="rmov-toolbar d-flex flex-wrap justify-content-between align-items-end gap-2 mb-2">
+    <div>
+      <h6 class="mb-0">Libro movimenti</h6>
+      <small class="text-muted">Layout ledger: dare/avere + saldo progressivo · bande giorno sticky</small>
+    </div>
+    <div class="d-flex flex-wrap align-items-center gap-2">
+      <input type="search"
+             class="form-control form-control-sm"
+             id="{{ $uid }}-q"
+             placeholder="Cerca causale, metodo…"
+             style="min-width: 200px; max-width: 260px;">
+      <div class="btn-group btn-group-sm" role="group" aria-label="Filtro tipo">
+        <button type="button" class="btn btn-primary" data-rmov-filter="all">Tutti</button>
+        <button type="button" class="btn btn-outline-primary" data-rmov-filter="entrata">Entrate</button>
+        <button type="button" class="btn btn-outline-primary" data-rmov-filter="uscita">Uscite</button>
+        <button type="button" class="btn btn-outline-primary" data-rmov-filter="no_contabile">No cont.</button>
       </div>
     </div>
+  </div>
 
-    <table class="report-table">
-      <thead>
-        <tr>
-          <th class="font-mono">Data e ora</th>
-          <th class="text-right font-mono">Mov. Dare</th>
-          <th class="text-right font-mono">Mov. Avere</th>
-          <th>Descrizione operazioni</th>
-        </tr>
-      </thead>
-      <tbody>
-        @forelse($movimenti as $movimento)
-          @php
-            $tipo = strtolower((string) ($movimento['tipo'] ?? ''));
-            $isEntrata = $tipo === 'entrata';
-            $importo = (float) ($movimento['importo'] ?? 0);
-          @endphp
+  @if($giorni->isEmpty())
+    <div class="alert alert-secondary mb-0">Nessun movimento nel periodo selezionato.</div>
+  @else
+    <div class="rmov-ledger-wrap">
+      <table class="table table-sm table-hover rmov-ledger align-middle">
+        <thead>
           <tr>
-            <td class="font-mono">{{ $movimento['_display_ts'] ?? '-' }}</td>
-            <td class="text-right font-mono">
-              {{ $isEntrata ? '-' : number_format(abs($importo), 2, ',', '.') }}
-            </td>
-            <td class="text-right font-mono">
-              {{ $isEntrata ? number_format(abs($importo), 2, ',', '.') : '-' }}
-            </td>
-            <td class="report-causale">{{ $movimento['causale'] ?? '-' }}</td>
+            <th class="rmov-col-ora">Ora</th>
+            <th class="rmov-col-tipo">Tipo</th>
+            <th>Causale</th>
+            <th style="width:110px;">Metodo</th>
+            <th class="rmov-col-dare">Dare</th>
+            <th class="rmov-col-avere">Avere</th>
+            <th class="rmov-col-saldo">Saldo</th>
           </tr>
-        @empty
+        </thead>
+        <tbody>
+          @foreach($giorni as $giorno)
+            <tr class="rmov-day-band" data-rmov-day>
+              <td colspan="7">
+                <div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
+                  <span class="fw-semibold text-capitalize">
+                    {{ $giorno['weekday'] }} {{ $giorno['date_label'] }}
+                    <small class="text-muted fw-normal ms-1">{{ $giorno['count'] }} mov.</small>
+                  </span>
+                  <span class="small">
+                    <span class="text-success me-2">+{{ number_format($giorno['entrate'], 2, ',', '.') }}</span>
+                    <span class="text-danger me-2">−{{ number_format($giorno['uscite'], 2, ',', '.') }}</span>
+                    <span class="fw-semibold {{ $giorno['netto'] >= 0 ? 'text-success' : 'text-danger' }}">
+                      Netto {{ ($giorno['netto'] >= 0 ? '+' : '−') }}{{ number_format(abs($giorno['netto']), 2, ',', '.') }}
+                    </span>
+                  </span>
+                </div>
+              </td>
+            </tr>
+            @foreach($giorno['items'] as $movimento)
+              @php
+                $tipo = $movimento['_tipo'] ?? '';
+                $importo = abs((float) ($movimento['importo'] ?? 0));
+                $isEntrata = $tipo === 'entrata';
+                $isUscita = $tipo === 'uscita';
+                $badge = match ($tipo) {
+                  'entrata' => ['bg-label-success', 'Entrata'],
+                  'uscita' => ['bg-label-danger', 'Uscita'],
+                  default => ['bg-label-secondary', 'No cont.'],
+                };
+              @endphp
+              <tr class="rmov-row"
+                  data-rmov-tipo="{{ $tipo }}"
+                  data-rmov-search="{{ e($movimento['_search'] ?? '') }}">
+                <td class="rmov-num rmov-col-ora">{{ $movimento['_display_time'] ?? '-' }}</td>
+                <td class="rmov-col-tipo"><span class="badge {{ $badge[0] }}">{{ $badge[1] }}</span></td>
+                <td>
+                  <div class="fw-medium rmov-causale" title="{{ $movimento['causale'] ?? '-' }}">
+                    {{ $movimento['causale'] ?? '-' }}
+                  </div>
+                  @if(!empty($movimento['categoria']))
+                    <small class="text-muted">{{ $movimento['categoria'] }}</small>
+                  @endif
+                </td>
+                <td><span class="badge bg-label-secondary">{{ $movimento['metodo'] ?? 'N/D' }}</span></td>
+                <td class="rmov-num rmov-col-dare {{ $isUscita ? 'text-danger' : 'text-muted' }}">
+                  {{ $isUscita ? number_format($importo, 2, ',', '.') : '—' }}
+                </td>
+                <td class="rmov-num rmov-col-avere {{ $isEntrata ? 'text-success' : 'text-muted' }}">
+                  {{ $isEntrata ? number_format($importo, 2, ',', '.') : '—' }}
+                </td>
+                <td class="rmov-num rmov-col-saldo {{ ($movimento['_running'] ?? 0) >= 0 ? '' : 'text-danger' }}">
+                  {{ number_format((float) ($movimento['_running'] ?? 0), 2, ',', '.') }}
+                </td>
+              </tr>
+            @endforeach
+          @endforeach
+        </tbody>
+        <tfoot>
           <tr>
-            <td colspan="4">Nessun movimento trovato nel periodo selezionato.</td>
+            <td colspan="4" class="fw-semibold">Totale periodo</td>
+            <td class="rmov-num rmov-col-dare text-danger">{{ number_format($totUscite, 2, ',', '.') }}</td>
+            <td class="rmov-num rmov-col-avere text-success">{{ number_format($totEntrate, 2, ',', '.') }}</td>
+            <td class="rmov-num rmov-col-saldo {{ $saldo >= 0 ? '' : 'text-danger' }}">
+              {{ number_format($saldo, 2, ',', '.') }}
+            </td>
           </tr>
-        @endforelse
-      </tbody>
-    </table>
-
-    <div class="report-footer">
-      Documento a uso interno. Valori espressi in euro.
+        </tfoot>
+      </table>
     </div>
-  </div>
-</section>
+  @endif
+
+  <small class="text-muted d-block mt-2">
+    Documento a uso interno · euro · saldo progressivo calcolato in ordine temporale (no contabile escluso dal saldo)
+  </small>
+</div>
+
+<script>
+(function () {
+  var root = document.getElementById(@json($uid));
+  if (!root) return;
+
+  var qInput = document.getElementById(@json($uid . '-q'));
+  var filterBtns = root.querySelectorAll('[data-rmov-filter]');
+  var activeTipo = 'all';
+  var query = '';
+
+  function applyFilters() {
+    root.querySelectorAll('.rmov-day-band').forEach(function (band) {
+      var visibleRows = 0;
+      var next = band.nextElementSibling;
+      while (next && !next.classList.contains('rmov-day-band')) {
+        if (next.classList.contains('rmov-row')) {
+          var tipo = next.getAttribute('data-rmov-tipo') || '';
+          var hay = next.getAttribute('data-rmov-search') || '';
+          var show = (activeTipo === 'all' || tipo === activeTipo) && (!query || hay.indexOf(query) !== -1);
+          next.classList.toggle('is-hidden', !show);
+          if (show) visibleRows++;
+        }
+        next = next.nextElementSibling;
+      }
+      band.classList.toggle('is-hidden', visibleRows === 0);
+    });
+  }
+
+  filterBtns.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      activeTipo = btn.getAttribute('data-rmov-filter') || 'all';
+      filterBtns.forEach(function (b) {
+        var on = b === btn;
+        b.classList.toggle('btn-primary', on);
+        b.classList.toggle('btn-outline-primary', !on);
+      });
+      applyFilters();
+    });
+  });
+
+  if (qInput) {
+    qInput.addEventListener('input', function () {
+      query = (qInput.value || '').trim().toLowerCase();
+      applyFilters();
+    });
+  }
+})();
+</script>

resources/views/report/_partials/staff.blade.php

@@ -0,0 +1,194 @@
+@php
+  $staff = $staffReport ?? [];
+  $sk = $staff['kpi'] ?? [
+    'valore_staff' => 0,
+    'ordini' => 0,
+    'ticket_medio' => 0,
+    'pezzi' => 0,
+    'percent_su_totale' => null,
+    'delta_valore' => null,
+    'delta_ordini' => null,
+    'periodo_precedente_label' => null,
+  ];
+  $staffPrevLabel = $sk['periodo_precedente_label'] ?? ($periodoPrecedenteLabel ?? null);
+
+  $formatStaffDelta = function (?float $delta) use ($staffPrevLabel): array {
+    $vsRef = $staffPrevLabel ? 'vs ' . $staffPrevLabel : 'vs periodo precedente';
+    if ($delta === null) {
+      return ['class' => 'text-muted', 'icon' => 'bx-minus', 'text' => 'n/d ' . $vsRef];
+    }
+    $sign = $delta > 0 ? '+' : '';
+    return [
+      'class' => $delta > 0 ? 'text-success' : ($delta < 0 ? 'text-danger' : 'text-muted'),
+      'icon' => $delta > 0 ? 'bx-up-arrow-alt' : ($delta < 0 ? 'bx-down-arrow-alt' : 'bx-minus'),
+      'text' => $sign . number_format($delta, 1, ',', '.') . '% ' . $vsRef,
+    ];
+  };
+  $deltaStaffValore = $formatStaffDelta(isset($sk['delta_valore']) ? (float) $sk['delta_valore'] : null);
+  $deltaStaffOrdini = $formatStaffDelta(isset($sk['delta_ordini']) ? (float) $sk['delta_ordini'] : null);
+@endphp
+
+<div class="alert alert-secondary py-2 mb-4">
+  <small class="mb-0 d-block">
+    Sintesi dedicata ai consumi <strong>Staff</strong> (controvalore, non liquidità).
+    @if(!empty($periodoCorrenteLabel ?? null))
+      Periodo: <strong>{{ $periodoCorrenteLabel }}</strong>.
+    @endif
+    @if($staffPrevLabel)
+      Variazioni % rispetto a <strong>{{ $staffPrevLabel }}</strong>.
+    @endif
+  </small>
+  <small class="mb-0 d-block mt-1">
+    <i class="bx bx-info-circle text-primary"></i>
+    Il filtro <strong>Staff</strong> nel menu in alto apre questa tab.
+    I dati non entrano in cassa né nel saldo contabile.
+    Resta attivo il filtro cucina.
+  </small>
+</div>
+
+<div class="row g-4 mb-4">
+  <div class="col-sm-6 col-xl">
+    <div class="card h-100">
+      <div class="card-body">
+        <span class="fw-medium text-muted">
+          Valore staff
+          <i class="bx bx-info-circle text-primary ms-1"
+             role="button" tabindex="0" data-bs-toggle="tooltip" data-bs-placement="top"
+             title="Controvalore totale dei pagamenti tipo Staff nel periodo."></i>
+        </span>
+        <h3 class="mb-1 mt-2">EUR {{ number_format((float) $sk['valore_staff'], 2, ',', '.') }}</h3>
+        <small class="{{ $deltaStaffValore['class'] }}"><i class="bx {{ $deltaStaffValore['icon'] }}"></i> {{ $deltaStaffValore['text'] }}</small>
+        <div class="small text-muted mt-1">Controvalore · non liquidità</div>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-6 col-xl">
+    <div class="card h-100">
+      <div class="card-body">
+        <span class="fw-medium text-muted">
+          Ordini staff
+          <i class="bx bx-info-circle text-primary ms-1"
+             role="button" tabindex="0" data-bs-toggle="tooltip" data-bs-placement="top"
+             title="Ordini con almeno un pagamento Staff riuscito."></i>
+        </span>
+        <h3 class="mb-1 mt-2">{{ number_format((int) $sk['ordini'], 0, ',', '.') }}</h3>
+        <small class="{{ $deltaStaffOrdini['class'] }}"><i class="bx {{ $deltaStaffOrdini['icon'] }}"></i> {{ $deltaStaffOrdini['text'] }}</small>
+        <div class="small text-muted mt-1">Fonte: ordini con pagamento staff</div>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-6 col-xl">
+    <div class="card h-100">
+      <div class="card-body">
+        <span class="fw-medium text-muted">
+          Ticket medio staff
+          <i class="bx bx-info-circle text-primary ms-1"
+             role="button" tabindex="0" data-bs-toggle="tooltip" data-bs-placement="top"
+             title="Valore staff / ordini staff."></i>
+        </span>
+        <h3 class="mb-1 mt-2">EUR {{ number_format((float) $sk['ticket_medio'], 2, ',', '.') }}</h3>
+        <small class="text-muted">{{ number_format((int) $sk['pezzi'], 0, ',', '.') }} pezzi</small>
+        <div class="small text-muted mt-1">Fonte: valore / ordini</div>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-6 col-xl">
+    <div class="card h-100">
+      <div class="card-body">
+        <span class="fw-medium text-muted">
+          % su totale teorico
+          <i class="bx bx-info-circle text-primary ms-1"
+             role="button" tabindex="0" data-bs-toggle="tooltip" data-bs-placement="top"
+             title="Quota staff sul totale teorico = cassa + staff. Indica quanto del volume ‘teorico’ è consumo interno."></i>
+        </span>
+        <h3 class="mb-1 mt-2">
+          @if($sk['percent_su_totale'] === null)
+            n/d
+          @else
+            {{ number_format((float) $sk['percent_su_totale'], 1, ',', '.') }}%
+          @endif
+        </h3>
+        <small class="text-muted">staff / (cassa + staff)</small>
+        <div class="small text-muted mt-1">Confronto con liquidità reale</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row g-4 mb-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h5 class="card-title mb-0">Andamento controvalore staff</h5>
+        <small class="text-muted d-block">Fonte: pagamenti tipo Staff · per giorno</small>
+      </div>
+      <div class="card-body">
+        <div id="report-staff-trend-chart" style="min-height: 280px;"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row g-4 mb-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h5 class="card-title mb-0 d-inline-flex align-items-center gap-1">
+          Picchi consumi staff (ora × giorno)
+          <i class="bx bx-info-circle text-primary"
+             role="button" tabindex="0" data-bs-toggle="tooltip" data-bs-placement="top"
+             title="Quando si concentra il consumo staff. X = ora, Y = giorno."></i>
+        </h5>
+        <small class="text-muted d-block">Fonte: ordini con pagamento Staff · solo ore con attività</small>
+      </div>
+      <div class="card-body">
+        <div id="report-staff-heatmap-stats" class="small text-muted mb-2"></div>
+        <div id="report-staff-heatmap-chart" class="w-100"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row g-4 mb-4">
+  <div class="col-12 col-lg-6">
+    <div class="card h-100">
+      <div class="card-header">
+        <h5 class="card-title mb-0">Top piatti staff per controvalore</h5>
+        <small class="text-muted d-block">Fonte: righe di ordini con pagamento Staff</small>
+      </div>
+      <div class="card-body">
+        <div id="report-staff-piatti-chart" style="min-height: 320px;"></div>
+      </div>
+    </div>
+  </div>
+  <div class="col-12 col-lg-6">
+    <div class="card h-100">
+      <div class="card-header">
+        <h5 class="card-title mb-0">Top piatti staff per quantità</h5>
+        <small class="text-muted d-block">Fonte: pezzi su ordini Staff</small>
+      </div>
+      <div class="card-body">
+        <div id="report-staff-piatti-qty-chart" style="min-height: 320px;"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row g-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h5 class="card-title mb-0 d-inline-flex align-items-center gap-1">
+          Carico cucine da consumi staff
+          <i class="bx bx-info-circle text-primary"
+             role="button" tabindex="0" data-bs-toggle="tooltip" data-bs-placement="top"
+             title="Pezzi preparati per cucina lungo le ore, solo da ordini Staff."></i>
+        </h5>
+        <small class="text-muted d-block">Fonte: pezzi su ordini Staff · max 6 cucine</small>
+      </div>
+      <div class="card-body">
+        <div id="report-staff-cucina-ora-chart" style="min-height: 340px;"></div>
+      </div>
+    </div>
+  </div>
+</div>

resources/views/report/pdf.blade.php

@@ -1,33 +1,42 @@
 <!doctype html>
 <html lang="it">
 <head>
-  <meta charset="utf-8">
-  <title>Report PDF</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <title>{{ $reportTitle ?? 'Report PDF' }}</title>
 </head>
 <body>
-  @if(($reportType ?? 'movimenti') === 'incassi')
-    @include('report._partials.incassi', [
+  @php $type = $reportType ?? 'movimenti'; @endphp
+
+  @if($type === 'incassi')
+    @include('report.pdf.incassi', [
+      'reportTitle' => 'Report Incassi',
       'attivitaNome' => $attivitaNome ?? 'Attivita',
       'periodoLabel' => $periodoLabel ?? 'Periodo non specificato',
+      'generatoIl' => $generatoIl ?? now()->format('d/m/Y H:i'),
       'movimenti' => $movimenti ?? [],
       'totEntrate' => $totEntrate ?? 0,
       'totUscite' => $totUscite ?? 0,
+      'totNonContabilizzato' => $totNonContabilizzato ?? 0,
       'saldo' => $saldo ?? 0,
     ])
-  @elseif(($reportType ?? 'movimenti') === 'cucine')
-    @include('report._partials.cucine', [
+  @elseif($type === 'cucine')
+    @include('report.pdf.cucine', [
+      'reportTitle' => 'Report Cucine',
       'attivitaNome' => $attivitaNome ?? 'Attivita',
       'periodoLabel' => $periodoLabel ?? 'Periodo non specificato',
-      'cucine' => $cucine ?? collect(),
+      'generatoIl' => $generatoIl ?? now()->format('d/m/Y H:i'),
       'cucineReportRows' => $cucineReportRows ?? [],
     ])
   @else
-    @include('report._partials.movimenti', [
+    @include('report.pdf.movimenti', [
+      'reportTitle' => 'Report Movimenti',
       'attivitaNome' => $attivitaNome ?? 'Attivita',
       'periodoLabel' => $periodoLabel ?? 'Periodo non specificato',
+      'generatoIl' => $generatoIl ?? now()->format('d/m/Y H:i'),
       'movimenti' => $movimenti ?? [],
       'totEntrate' => $totEntrate ?? 0,
       'totUscite' => $totUscite ?? 0,
+      'totNonContabilizzato' => $totNonContabilizzato ?? 0,
       'saldo' => $saldo ?? 0,
     ])
   @endif

resources/views/report/pdf/_styles.blade.php

@@ -0,0 +1,179 @@
+{{-- CSS condiviso DomPDF-safe: niente flex/grid moderni, sticky, JS --}}
+<style>
+  @page {
+    margin: 72px 32px 48px;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: DejaVu Sans, sans-serif;
+    font-size: 10px;
+    color: #1f2937;
+    margin: 0;
+    padding: 0;
+  }
+
+  h1 {
+    font-size: 16px;
+    margin: 0 0 4px;
+    color: #111827;
+  }
+
+  .meta {
+    color: #6b7280;
+    font-size: 9px;
+    margin-bottom: 14px;
+  }
+
+  .meta strong {
+    color: #374151;
+  }
+
+  .kpi {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 6px 0;
+    margin: 0 0 14px -6px;
+  }
+
+  .kpi td {
+    width: 25%;
+    border: 1px solid #e5e7eb;
+    background: #f9fafb;
+    padding: 8px 10px;
+    vertical-align: top;
+  }
+
+  .kpi .label {
+    display: block;
+    font-size: 8px;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: #6b7280;
+    margin-bottom: 3px;
+  }
+
+  .kpi .value {
+    display: block;
+    font-size: 12px;
+    font-weight: bold;
+    color: #111827;
+  }
+
+  .kpi .hint {
+    display: block;
+    font-size: 8px;
+    color: #9ca3af;
+    margin-top: 2px;
+  }
+
+  .kpi .ok { color: #166534; }
+  .kpi .ko { color: #991b1b; }
+
+  table.data {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+
+  table.data th {
+    background: #e5e7eb;
+    color: #111827;
+    font-size: 8px;
+    text-transform: uppercase;
+    letter-spacing: 0.03em;
+    text-align: left;
+    padding: 5px 4px;
+    border: 1px solid #d1d5db;
+  }
+
+  table.data td {
+    padding: 4px 4px;
+    border: 1px solid #e5e7eb;
+    vertical-align: top;
+    font-size: 9px;
+    color: #1f2937;
+  }
+
+  table.data td.col-ora,
+  table.data td.col-tipo {
+    padding-left: 3px;
+    padding-right: 3px;
+  }
+
+  table.data td.col-num {
+    padding-left: 2px;
+    padding-right: 3px;
+    font-size: 8px;
+  }
+
+  table.data tr.day td {
+    background: #f3f4f6;
+    font-weight: bold;
+    font-size: 9px;
+  }
+
+  table.data tfoot td {
+    background: #f3f4f6;
+    font-weight: bold;
+    border-top: 2px solid #9ca3af;
+  }
+
+  .num {
+    text-align: right;
+    font-family: DejaVu Sans Mono, DejaVu Sans, monospace;
+    white-space: nowrap;
+    font-size: 8px;
+  }
+
+  .muted { color: #9ca3af; }
+  .ok { color: #166534; }
+  .ko { color: #991b1b; }
+  .center { text-align: center; }
+
+  .foot-note {
+    margin-top: 10px;
+    font-size: 8px;
+    color: #6b7280;
+  }
+
+  table.data .col-ora {
+    white-space: nowrap;
+    text-align: center;
+    font-size: 8px;
+  }
+
+  table.data .col-tipo {
+    white-space: nowrap;
+    font-size: 8px;
+  }
+
+  table.data .col-causale {
+    font-size: 8px;
+    line-height: 1.3;
+    white-space: normal;
+    word-wrap: break-word;
+  }
+
+  .col-causale .muted {
+    display: block;
+    margin-top: 1px;
+    font-size: 7px;
+  }
+
+  h2.section {
+    font-size: 10px;
+    margin: 14px 0 6px;
+    color: #374151;
+    font-weight: bold;
+  }
+
+  table.data .col-label {
+    white-space: normal;
+    word-wrap: break-word;
+    font-size: 8px;
+  }
+</style>

resources/views/report/pdf/cucine.blade.php

@@ -0,0 +1,127 @@
+@php
+  $reportTitle = $reportTitle ?? 'Report Cucine';
+  $attivitaNome = $attivitaNome ?? 'Attivita';
+  $periodoLabel = $periodoLabel ?? 'Periodo non specificato';
+  $generatoIl = $generatoIl ?? now()->format('d/m/Y H:i');
+
+  $rows = collect($cucineReportRows ?? [])->map(function ($row) {
+    $ordini = (int) ($row['ordini'] ?? 0);
+    $incasso = (float) ($row['incasso'] ?? 0);
+    return [
+      'cucina' => (string) ($row['cucina'] ?? 'Cucina'),
+      'ordini' => $ordini,
+      'righe' => (int) ($row['righe'] ?? 0),
+      'quantita' => (int) ($row['quantita'] ?? 0),
+      'incasso' => $incasso,
+      'ticket' => $ordini > 0 ? $incasso / $ordini : 0.0,
+    ];
+  })->sortByDesc('incasso')->values();
+
+  $totOrdini = (int) $rows->sum('ordini');
+  $totRighe = (int) $rows->sum('righe');
+  $totQuantita = (int) $rows->sum('quantita');
+  $totIncasso = (float) $rows->sum('incasso');
+  $nCucineConfigurate = (int) $rows->count();
+  $nCucineConVendite = (int) $rows->filter(fn ($r) => $r['incasso'] > 0 || $r['quantita'] > 0)->count();
+@endphp
+
+@include('report.pdf._styles')
+
+<h1>{{ $reportTitle }}</h1>
+<div class="meta">
+  <strong>{{ $attivitaNome }}</strong>
+  · Periodo {{ $periodoLabel }}
+  · Generato il {{ $generatoIl }}
+</div>
+
+<table class="kpi">
+  <tr>
+    <td>
+      <span class="label">Cucine con vendite</span>
+      <span class="value">{{ number_format($nCucineConVendite, 0, ',', '.') }}</span>
+      <span class="hint">su {{ number_format($nCucineConfigurate, 0, ',', '.') }} configurate</span>
+    </td>
+    <td>
+      <span class="label">Ordini</span>
+      <span class="value">{{ number_format($totOrdini, 0, ',', '.') }}</span>
+      <span class="hint">{{ number_format($totRighe, 0, ',', '.') }} righe</span>
+    </td>
+    <td>
+      <span class="label">Pezzi</span>
+      <span class="value">{{ number_format($totQuantita, 0, ',', '.') }}</span>
+    </td>
+    <td>
+      <span class="label">Incasso</span>
+      <span class="value ok">{{ number_format($totIncasso, 2, ',', '.') }}</span>
+    </td>
+  </tr>
+</table>
+
+<table class="data">
+  <colgroup>
+    <col style="width: 24pt;">
+    <col style="width: 200pt;">
+    <col style="width: 44pt;">
+    <col style="width: 44pt;">
+    <col style="width: 44pt;">
+    <col style="width: 54pt;">
+    <col style="width: 60pt;">
+    <col style="width: 61pt;">
+  </colgroup>
+  <thead>
+    <tr>
+      <th class="center" style="width: 5%;">#</th>
+      <th class="col-label" style="width: 38%;">Cucina</th>
+      <th class="num col-num" style="width: 8%;">Ordini</th>
+      <th class="num col-num" style="width: 8%;">Righe</th>
+      <th class="num col-num" style="width: 8%;">Pezzi</th>
+      <th class="num col-num" style="width: 10%;">Ticket</th>
+      <th class="num col-num" style="width: 11%;">Incasso</th>
+      <th class="num col-num" style="width: 12%;">Quota</th>
+    </tr>
+  </thead>
+  <tbody>
+    @forelse($rows as $i => $row)
+      @php $share = $totIncasso > 0 ? ($row['incasso'] / $totIncasso) * 100 : 0; @endphp
+      <tr>
+        <td class="center">{{ $i + 1 }}</td>
+        <td class="col-label">{{ $row['cucina'] }}</td>
+        <td class="num col-num">{{ number_format($row['ordini'], 0, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($row['righe'], 0, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($row['quantita'], 0, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($row['ticket'], 2, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($row['incasso'], 2, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($share, 1, ',', '.') }}%</td>
+      </tr>
+    @empty
+      <tr>
+        <td></td>
+        <td class="center muted">Nessun dato cucina nel periodo selezionato.</td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+    @endforelse
+  </tbody>
+  @if($rows->isNotEmpty())
+    <tfoot>
+      <tr>
+        <td></td>
+        <td>Totale</td>
+        <td class="num col-num">{{ number_format($totOrdini, 0, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($totRighe, 0, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($totQuantita, 0, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($totOrdini > 0 ? $totIncasso / $totOrdini : 0, 2, ',', '.') }}</td>
+        <td class="num col-num">{{ number_format($totIncasso, 2, ',', '.') }}</td>
+        <td class="num col-num">100%</td>
+      </tr>
+    </tfoot>
+  @endif
+</table>
+
+<div class="foot-note">
+  Valori in euro · ordini pagati (staff escluso dall'incasso)
+</div>

resources/views/report/pdf/incassi.blade.php

@@ -0,0 +1,189 @@
+@php
+  $reportTitle = $reportTitle ?? 'Report Incassi';
+  $attivitaNome = $attivitaNome ?? 'Attivita';
+  $periodoLabel = $periodoLabel ?? 'Periodo non specificato';
+  $generatoIl = $generatoIl ?? now()->format('d/m/Y H:i');
+
+  $movimenti = collect($movimenti ?? [])
+    ->map(function ($movimento) {
+      $rawTs = $movimento['timestamp'] ?? $movimento['data'] ?? null;
+      $parsedTs = $rawTs ? strtotime((string) $rawTs) : false;
+      $tipo = strtolower((string) ($movimento['tipo'] ?? 'entrata'));
+      $importo = (float) ($movimento['importo'] ?? 0);
+      $inSaldo = in_array($tipo, ['entrata', 'uscita'], true);
+
+      return [
+        '_sort_ts' => $parsedTs !== false ? $parsedTs : 0,
+        '_date_key' => $parsedTs !== false ? date('Y-m-d', $parsedTs) : '0000-00-00',
+        '_date_label' => $parsedTs !== false ? date('d/m/Y', $parsedTs) : '-',
+        '_metodo' => (string) ($movimento['metodo'] ?? 'N/D'),
+        '_tipo' => $tipo,
+        '_signed' => $inSaldo ? ($tipo === 'uscita' ? -abs($importo) : abs($importo)) : 0.0,
+        '_in_saldo' => $inSaldo,
+        'importo' => abs($importo),
+      ];
+    })
+    ->sortByDesc('_sort_ts')
+    ->values();
+
+  $saldoRows = $movimenti->where('_in_saldo', true);
+  $totEntrate = (float) ($totEntrate ?? $movimenti->where('_tipo', 'entrata')->sum('importo'));
+  $totUscite = (float) ($totUscite ?? $movimenti->where('_tipo', 'uscita')->sum('importo'));
+  $saldo = (float) ($saldo ?? ($totEntrate - $totUscite));
+
+  $metodi = $saldoRows->pluck('_metodo')->filter()->unique()->sort()->values();
+  $totPerMetodo = $metodi->mapWithKeys(fn ($m) => [
+    $m => (float) $saldoRows->where('_metodo', $m)->sum('_signed'),
+  ]);
+
+  $giorni = $saldoRows
+    ->groupBy('_date_key')
+    ->sortKeysDesc()
+    ->map(function ($items) use ($metodi) {
+      $first = $items->first();
+      $celle = [];
+      foreach ($metodi as $metodo) {
+        $celle[$metodo] = (float) $items->where('_metodo', $metodo)->sum('_signed');
+      }
+      return [
+        'date_label' => $first['_date_label'] ?? '-',
+        'celle' => $celle,
+        'totale' => array_sum($celle),
+      ];
+    })
+    ->values();
+
+  $giorniAttivi = $giorni->count();
+  $media = $giorniAttivi > 0 ? $saldo / $giorniAttivi : 0.0;
+  $colCount = 2 + $metodi->count();
+
+  $giornoPt = 90;
+  $totalePt = 75;
+  $metodoPt = $metodi->isNotEmpty()
+    ? (778 - $giornoPt - $totalePt) / $metodi->count()
+    : 0;
+@endphp
+
+@include('report.pdf._styles')
+
+<h1>{{ $reportTitle }}</h1>
+<div class="meta">
+  <strong>{{ $attivitaNome }}</strong>
+  · Periodo {{ $periodoLabel }}
+  · Generato il {{ $generatoIl }}
+</div>
+
+<table class="kpi">
+  <tr>
+    <td>
+      <span class="label">Uscite / storni</span>
+      <span class="value ko">{{ number_format($totUscite, 2, ',', '.') }}</span>
+    </td>
+    <td>
+      <span class="label">Entrate</span>
+      <span class="value ok">{{ number_format($totEntrate, 2, ',', '.') }}</span>
+    </td>
+    <td>
+      <span class="label">Saldo netto</span>
+      <span class="value {{ $saldo >= 0 ? 'ok' : 'ko' }}">{{ number_format($saldo, 2, ',', '.') }}</span>
+    </td>
+    <td>
+      <span class="label">Media / giorno</span>
+      <span class="value">{{ number_format($media, 2, ',', '.') }}</span>
+      <span class="hint">{{ $giorniAttivi }} giorni attivi</span>
+    </td>
+  </tr>
+</table>
+
+@if($metodi->isNotEmpty())
+  <h2 class="section">Ripartizione per metodo</h2>
+  <table class="data" style="margin-bottom: 12px;">
+    <colgroup>
+      <col style="width: 480pt;">
+      <col style="width: 170pt;">
+      <col style="width: 128pt;">
+    </colgroup>
+    <thead>
+      <tr>
+        <th class="col-label" style="width: 62%;">Metodo</th>
+        <th class="num col-num" style="width: 22%;">Importo</th>
+        <th class="num col-num" style="width: 16%;">Quota</th>
+      </tr>
+    </thead>
+    <tbody>
+      @foreach($metodi as $metodo)
+        @php
+          $val = (float) ($totPerMetodo[$metodo] ?? 0);
+          $vol = max(abs($totEntrate) + abs($totUscite), 0.0001);
+          $pct = round((abs($val) / $vol) * 100, 1);
+        @endphp
+        <tr>
+          <td class="col-label">{{ $metodo }}</td>
+          <td class="num col-num {{ $val < 0 ? 'ko' : '' }}">{{ number_format($val, 2, ',', '.') }}</td>
+          <td class="num col-num">{{ number_format($pct, 1, ',', '.') }}%</td>
+        </tr>
+      @endforeach
+    </tbody>
+  </table>
+@endif
+
+<h2 class="section">Matrice giorno × metodo</h2>
+<table class="data">
+  @if($metodi->isNotEmpty())
+    <colgroup>
+      <col style="width: {{ $giornoPt }}pt;">
+      @foreach($metodi as $metodo)
+        <col style="width: {{ $metodoPt }}pt;">
+      @endforeach
+      <col style="width: {{ $totalePt }}pt;">
+    </colgroup>
+  @endif
+  <thead>
+    <tr>
+      <th style="width: 11%;">Giorno</th>
+      @foreach($metodi as $metodo)
+        <th class="num col-num">{{ \Illuminate\Support\Str::limit($metodo, 14, '…') }}</th>
+      @endforeach
+      <th class="num col-num" style="width: 10%;">Totale</th>
+    </tr>
+  </thead>
+  <tbody>
+    @forelse($giorni as $giorno)
+      <tr>
+        <td>{{ $giorno['date_label'] }}</td>
+        @foreach($metodi as $metodo)
+          @php $val = (float) ($giorno['celle'][$metodo] ?? 0); @endphp
+          <td class="num col-num {{ $val < 0 ? 'ko' : ($val == 0.0 ? 'muted' : '') }}">
+            {{ $val == 0.0 ? '—' : number_format($val, 2, ',', '.') }}
+          </td>
+        @endforeach
+        <td class="num col-num {{ $giorno['totale'] < 0 ? 'ko' : '' }}">
+          {{ number_format((float) $giorno['totale'], 2, ',', '.') }}
+        </td>
+      </tr>
+    @empty
+      <tr>
+        <td class="center muted">Nessun incasso nel periodo selezionato.</td>
+        @for($i = 1; $i < max(1, $colCount); $i++)
+          <td></td>
+        @endfor
+      </tr>
+    @endforelse
+  </tbody>
+  @if($giorni->isNotEmpty())
+    <tfoot>
+      <tr>
+        <td>Totale periodo</td>
+        @foreach($metodi as $metodo)
+          @php $tot = (float) ($totPerMetodo[$metodo] ?? 0); @endphp
+          <td class="num col-num {{ $tot < 0 ? 'ko' : '' }}">{{ number_format($tot, 2, ',', '.') }}</td>
+        @endforeach
+        <td class="num col-num {{ $saldo < 0 ? 'ko' : '' }}">{{ number_format($saldo, 2, ',', '.') }}</td>
+      </tr>
+    </tfoot>
+  @endif
+</table>
+
+<div class="foot-note">
+  Valori in euro · storni in negativo · no contabile escluso
+</div>

resources/views/report/pdf/movimenti.blade.php

@@ -0,0 +1,174 @@
+@php
+  $reportTitle = $reportTitle ?? 'Report Movimenti';
+  $attivitaNome = $attivitaNome ?? 'Attivita';
+  $periodoLabel = $periodoLabel ?? 'Periodo non specificato';
+  $generatoIl = $generatoIl ?? now()->format('d/m/Y H:i');
+
+  $movimenti = collect($movimenti ?? [])
+    ->map(function ($movimento) {
+      $rawTs = $movimento['timestamp'] ?? $movimento['data'] ?? null;
+      $parsedTs = $rawTs ? strtotime((string) $rawTs) : false;
+      $tipo = strtolower(trim((string) ($movimento['tipo'] ?? '')));
+      $importo = abs((float) ($movimento['importo'] ?? 0));
+
+      return array_merge($movimento, [
+        '_sort_ts' => $parsedTs !== false ? $parsedTs : 0,
+        '_time' => $parsedTs !== false ? date('H:i', $parsedTs) : '-',
+        '_date_key' => $parsedTs !== false ? date('Y-m-d', $parsedTs) : '0000-00-00',
+        '_date_label' => $parsedTs !== false ? date('d/m/Y', $parsedTs) : '-',
+        '_tipo' => $tipo,
+        '_signed' => $tipo === 'entrata' ? $importo : ($tipo === 'uscita' ? -$importo : 0.0),
+        'importo' => $importo,
+      ]);
+    })
+    ->sortBy('_sort_ts')
+    ->values();
+
+  $running = 0.0;
+  $movimenti = $movimenti->map(function ($m) use (&$running) {
+    $running += (float) $m['_signed'];
+    $m['_running'] = $running;
+    return $m;
+  })->sortByDesc('_sort_ts')->values();
+
+  $totEntrate = (float) ($totEntrate ?? $movimenti->where('_tipo', 'entrata')->sum('importo'));
+  $totUscite = (float) ($totUscite ?? $movimenti->where('_tipo', 'uscita')->sum('importo'));
+  $totNonContabile = (float) ($totNonContabilizzato ?? $movimenti->where('_tipo', 'no_contabile')->sum('importo'));
+  $saldo = (float) ($saldo ?? ($totEntrate - $totUscite));
+
+  $giorni = $movimenti->groupBy('_date_key')->values();
+@endphp
+
+@include('report.pdf._styles')
+
+<h1>{{ $reportTitle }}</h1>
+<div class="meta">
+  <strong>{{ $attivitaNome }}</strong>
+  · Periodo {{ $periodoLabel }}
+  · Generato il {{ $generatoIl }}
+</div>
+
+<table class="kpi">
+  <tr>
+    <td>
+      <span class="label">Operazioni</span>
+      <span class="value">{{ number_format($movimenti->count(), 0, ',', '.') }}</span>
+      @if($totNonContabile > 0)
+        <span class="hint">No cont.: {{ number_format($totNonContabile, 2, ',', '.') }}</span>
+      @endif
+    </td>
+    <td>
+      <span class="label">Uscite (dare)</span>
+      <span class="value ko">{{ number_format($totUscite, 2, ',', '.') }}</span>
+    </td>
+    <td>
+      <span class="label">Entrate (avere)</span>
+      <span class="value ok">{{ number_format($totEntrate, 2, ',', '.') }}</span>
+    </td>
+    <td>
+      <span class="label">Saldo</span>
+      <span class="value {{ $saldo >= 0 ? 'ok' : 'ko' }}">{{ number_format($saldo, 2, ',', '.') }}</span>
+    </td>
+  </tr>
+</table>
+
+<table class="data">
+  <colgroup>
+    <col style="width: 26pt;">
+    <col style="width: 37pt;">
+    <col style="width: 287pt;">
+    <col style="width: 48pt;">
+    <col style="width: 43pt;">
+    <col style="width: 43pt;">
+    <col style="width: 47pt;">
+  </colgroup>
+  <thead>
+    <tr>
+      <th class="col-ora" style="width: 5%;">Ora</th>
+      <th class="col-tipo" style="width: 7%;">Tipo</th>
+      <th class="col-causale" style="width: 54%;">Causale</th>
+      <th class="col-metodo" style="width: 9%;">Metodo</th>
+      <th class="num col-num" style="width: 8%;">Dare</th>
+      <th class="num col-num" style="width: 8%;">Avere</th>
+      <th class="num col-num" style="width: 9%;">Saldo</th>
+    </tr>
+  </thead>
+  <tbody>
+    @forelse($giorni as $items)
+      @php
+        $first = $items->first();
+        $entrateGiorno = (float) $items->where('_tipo', 'entrata')->sum('importo');
+        $usciteGiorno = (float) $items->where('_tipo', 'uscita')->sum('importo');
+        $netto = $entrateGiorno - $usciteGiorno;
+      @endphp
+      <tr class="day">
+        <td class="col-ora"></td>
+        <td class="col-tipo"></td>
+        <td class="col-causale">
+          {{ $first['_date_label'] ?? '-' }}
+          · {{ $items->count() }} mov.
+          · +{{ number_format($entrateGiorno, 2, ',', '.') }}
+          / −{{ number_format($usciteGiorno, 2, ',', '.') }}
+          · Netto {{ ($netto >= 0 ? '+' : '−') . number_format(abs($netto), 2, ',', '.') }}
+        </td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      @foreach($items as $m)
+        @php
+          $tipo = $m['_tipo'] ?? '';
+          $importo = (float) ($m['importo'] ?? 0);
+          $tipoLabel = match ($tipo) {
+            'entrata' => 'Entr.',
+            'uscita' => 'Usc.',
+            'no_contabile' => 'N/C',
+            default => ucfirst($tipo ?: 'N/D'),
+          };
+        @endphp
+        <tr>
+          <td class="col-ora">{{ $m['_time'] ?? '-' }}</td>
+          <td class="col-tipo">{{ $tipoLabel }}</td>
+          <td class="col-causale">
+            {{ $m['causale'] ?? '-' }}
+            @if(!empty($m['categoria']))
+              <span class="muted">{{ $m['categoria'] }}</span>
+            @endif
+          </td>
+          <td>{{ $m['metodo'] ?? 'N/D' }}</td>
+          <td class="num col-num {{ $tipo === 'uscita' ? 'ko' : 'muted' }}">
+            {{ $tipo === 'uscita' ? number_format($importo, 2, ',', '.') : '—' }}
+          </td>
+          <td class="num col-num {{ $tipo === 'entrata' ? 'ok' : 'muted' }}">
+            {{ $tipo === 'entrata' ? number_format($importo, 2, ',', '.') : '—' }}
+          </td>
+          <td class="num col-num {{ ($m['_running'] ?? 0) < 0 ? 'ko' : '' }}">
+            {{ number_format((float) ($m['_running'] ?? 0), 2, ',', '.') }}
+          </td>
+        </tr>
+      @endforeach
+    @empty
+      <tr>
+        <td colspan="7" class="center muted">Nessun movimento nel periodo selezionato.</td>
+      </tr>
+    @endforelse
+  </tbody>
+  @if($movimenti->isNotEmpty())
+    <tfoot>
+      <tr>
+        <td></td>
+        <td></td>
+        <td>Totale periodo</td>
+        <td></td>
+        <td class="num col-num ko">{{ number_format($totUscite, 2, ',', '.') }}</td>
+        <td class="num col-num ok">{{ number_format($totEntrate, 2, ',', '.') }}</td>
+        <td class="num col-num {{ $saldo < 0 ? 'ko' : '' }}">{{ number_format($saldo, 2, ',', '.') }}</td>
+      </tr>
+    </tfoot>
+  @endif
+</table>
+
+<div class="foot-note">
+  Valori in euro · saldo progressivo in ordine temporale · no contabile escluso dal saldo
+</div>

resources/views/testi/show.blade.php

@@ -1,19 +1,9 @@
-
-<div class="text-justify lh-base">
+@if($testi && filled($testi->testo ?? null))
+  <div class="text-justify lh-base">
     {!! preg_replace('/(<br\s*\/?>)+/', '<br><br>', nl2br(e($testi->testo))) !!}
-</div>
-<!-- Editor gratuito: utilizzo di CKEditor 5 Classic da CDN, gratuito per uso di base -->
-<!-- <div class="mt-3">
-
-    <textarea id="editor" class="form-control">{!! old('testo', $testi->testo) !!}</textarea>
-    <script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
-    <script>
-        ClassicEditor
-            .create(document.querySelector('#editor'), {
-                toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote']
-            })
-            .catch(error => {
-                console.error(error);
-            });
-    </script>
-</div> -->
+  </div>
+@else
+  <p class="text-muted small mb-0">
+    Informativa privacy non ancora configurata. Contatta l&apos;organizzazione per i dettagli sul trattamento dei dati.
+  </p>
+@endif

resources/views/welcome.blade.php

@@ -1,7 +1,4 @@
 @php
-  use Illuminate\Support\Facades\Route;
-  use Illuminate\Support\Str;
-  $registerUrl = Route::has('register') ? route('register') : url('auth/register-cover');
   $orgAccents = ['#f58220', '#602d91', '#15265c', '#0d9488', '#be185d', '#2563eb'];
 @endphp
 
@@ -21,127 +18,127 @@
 @endsection
 
 @section('content')
-  <div class="welcome-bacheca__bg" data-bg="soft" aria-hidden="true">
-    <div class="welcome-bacheca__bg-stripe"></div>
-  </div>
-
-  <div class="welcome-bacheca">
-    <header class="welcome-bacheca__masthead" aria-labelledby="bacheca-title">
-      <div class="welcome-bacheca__masthead-row">
-        <div class="welcome-bacheca__brand">
-          <img
-            src="{{ asset('assets/img/logo_fest_L.png') }}"
-            alt="{{ config('app.name') }}"
-            class="welcome-bacheca__logo"
-            width="200"
-            height="60"
-          >
-        </div>
-        <div class="welcome-bacheca__masthead-actions">
-          <a href="{{ route('login') }}" class="welcome-bacheca__btn welcome-bacheca__btn--ghost">
-            Accedi
-          </a>
-        </div>
-      </div>
-      <h1 id="bacheca-title" class="welcome-bacheca__title">Bacheca eventi</h1>
+  <article class="welcome-bacheca" style="--evento-accent: #f58220;">
+    <div class="welcome-bacheca__bg" aria-hidden="true"></div>
+
+    <header class="welcome-bacheca__top">
+      <a href="{{ route('login') }}" class="welcome-bacheca__top-link">
+        <i class="bx bx-log-in" aria-hidden="true"></i>
+        <span>Accedi</span>
+      </a>
+      <img
+        src="{{ asset('assets/img/logo_fest_L.png') }}"
+        alt="{{ config('app.name') }}"
+        class="welcome-bacheca__brand-logo"
+        width="120"
+        height="28"
+      >
     </header>
 
-    @if($organizzazioni->isEmpty())
-      <div class="welcome-bacheca__empty">
-        <div class="welcome-bacheca__empty-icon">
-          <i class="bx bx-calendar-event"></i>
+    <div class="welcome-bacheca__shell">
+      <header class="welcome-bacheca__intro" aria-labelledby="bacheca-title">
+        <p class="welcome-bacheca__eyebrow">In programma</p>
+        <h1 id="bacheca-title" class="welcome-bacheca__title">Bacheca eventi</h1>
+        <p class="welcome-bacheca__lead">Scegli l’organizzazione e apri la scheda dell’attività.</p>
+      </header>
+
+      @if($organizzazioni->isEmpty())
+        <div class="welcome-bacheca__empty">
+          <div class="welcome-bacheca__empty-icon">
+            <i class="bx bx-calendar-event"></i>
+          </div>
+          <h2 class="welcome-bacheca__empty-title">Nessuna attività in bacheca</h2>
+          <p class="welcome-bacheca__empty-text">Al momento non ci sono eventi pubblicati. Torna a trovarci presto.</p>
+          <a href="{{ route('login') }}" class="welcome-bacheca__btn welcome-bacheca__btn--primary">
+            Area operatore
+          </a>
         </div>
-        <h2 class="welcome-bacheca__empty-title">Nessuna attività in bacheca</h2>
-        <p class="welcome-bacheca__empty-text">Al momento non ci sono eventi pubblicati. Torna a trovarci presto.</p>
-        <a href="{{ route('login') }}" class="welcome-bacheca__btn welcome-bacheca__btn--primary">
-          Area operatore
-        </a>
-      </div>
-    @else
-      <section class="welcome-bacheca__board" aria-label="Organizzazioni e attività">
-        @if($totaleAttivita > 3 || $organizzazioni->count() > 1)
-          <label class="welcome-bacheca__search" for="welcomeBachecaSearch">
-            <i class="bx bx-search" aria-hidden="true"></i>
-            <input
-              type="search"
-              id="welcomeBachecaSearch"
-              class="welcome-bacheca__search-input"
-              placeholder="Cerca…"
-              autocomplete="off"
-            >
-          </label>
-        @endif
-
-        @if($organizzazioni->count() > 1)
-          <div class="welcome-bacheca__carousel" id="welcomeOrgCarousel" aria-roledescription="carousel" aria-label="Organizzazioni in programma">
-            <button
-              type="button"
-              class="welcome-bacheca__carousel-nav welcome-bacheca__carousel-nav--prev"
-              id="welcomeCarouselPrev"
-              aria-label="Organizzazione precedente"
-            >
-              <i class="bx bx-chevron-left" aria-hidden="true"></i>
-            </button>
-
-            <div class="welcome-bacheca__carousel-viewport">
-              <div class="welcome-bacheca__carousel-track" id="welcomeCarouselTrack">
-                @foreach($organizzazioni as $orgIndex => $organizzazione)
-                  @include('welcome._partials.org-slide', [
-                    'organizzazione' => $organizzazione,
-                    'orgIndex' => $orgIndex,
-                    'orgAccents' => $orgAccents,
-                    'isActive' => $orgIndex === 0,
-                  ])
-                @endforeach
+      @else
+        <section class="welcome-bacheca__board" aria-label="Organizzazioni e attività">
+          @if($totaleAttivita > 3 || $organizzazioni->count() > 1)
+            <label class="welcome-bacheca__search" for="welcomeBachecaSearch">
+              <i class="bx bx-search" aria-hidden="true"></i>
+              <input
+                type="search"
+                id="welcomeBachecaSearch"
+                class="welcome-bacheca__search-input"
+                placeholder="Cerca…"
+                autocomplete="off"
+              >
+            </label>
+          @endif
+
+          @if($organizzazioni->count() > 1)
+            <div class="welcome-bacheca__carousel" id="welcomeOrgCarousel" aria-roledescription="carousel" aria-label="Organizzazioni in programma">
+              <button
+                type="button"
+                class="welcome-bacheca__carousel-nav welcome-bacheca__carousel-nav--prev"
+                id="welcomeCarouselPrev"
+                aria-label="Organizzazione precedente"
+              >
+                <i class="bx bx-chevron-left" aria-hidden="true"></i>
+              </button>
+
+              <div class="welcome-bacheca__carousel-viewport">
+                <div class="welcome-bacheca__carousel-track" id="welcomeCarouselTrack">
+                  @foreach($organizzazioni as $orgIndex => $organizzazione)
+                    @include('welcome._partials.org-slide', [
+                      'organizzazione' => $organizzazione,
+                      'orgIndex' => $orgIndex,
+                      'orgAccents' => $orgAccents,
+                      'isActive' => $orgIndex === 0,
+                    ])
+                  @endforeach
+                </div>
               </div>
-            </div>
 
-            <button
-              type="button"
-              class="welcome-bacheca__carousel-nav welcome-bacheca__carousel-nav--next"
-              id="welcomeCarouselNext"
-              aria-label="Organizzazione successiva"
-            >
-              <i class="bx bx-chevron-right" aria-hidden="true"></i>
-            </button>
+              <button
+                type="button"
+                class="welcome-bacheca__carousel-nav welcome-bacheca__carousel-nav--next"
+                id="welcomeCarouselNext"
+                aria-label="Organizzazione successiva"
+              >
+                <i class="bx bx-chevron-right" aria-hidden="true"></i>
+              </button>
 
-            <div class="welcome-bacheca__carousel-dots" id="welcomeCarouselDots" role="tablist" aria-label="Seleziona organizzazione"></div>
-          </div>
-        @else
-          @php $soloOrg = $organizzazioni->first(); @endphp
-          <div class="welcome-bacheca__org-solo" style="--org-accent: {{ $soloOrg->attivita->first()?->colore ?: $orgAccents[0] }}">
-            @include('welcome._partials.org-slide', [
-              'organizzazione' => $soloOrg,
-              'orgIndex' => 0,
-              'orgAccents' => $orgAccents,
-              'isActive' => true,
-            ])
-          </div>
-        @endif
-
-        <div class="welcome-bacheca__org-stage" id="welcomeOrgStage">
-          <div class="welcome-bacheca__org-stage-body" id="welcomeOrgStageBody">
-            @foreach($organizzazioni as $orgIndex => $organizzazione)
-              @include('welcome._partials.org-panel', [
-                'organizzazione' => $organizzazione,
-                'orgIndex' => $orgIndex,
+              <div class="welcome-bacheca__carousel-dots" id="welcomeCarouselDots" role="tablist" aria-label="Seleziona organizzazione"></div>
+            </div>
+          @else
+            @php $soloOrg = $organizzazioni->first(); @endphp
+            <div class="welcome-bacheca__org-solo" style="--org-accent: {{ $soloOrg->attivita->first()?->colore ?: $orgAccents[0] }}">
+              @include('welcome._partials.org-slide', [
+                'organizzazione' => $soloOrg,
+                'orgIndex' => 0,
                 'orgAccents' => $orgAccents,
-                'isActive' => $orgIndex === 0,
+                'isActive' => true,
               ])
-            @endforeach
+            </div>
+          @endif
+
+          <div class="welcome-bacheca__org-stage" id="welcomeOrgStage">
+            <div class="welcome-bacheca__org-stage-body" id="welcomeOrgStageBody">
+              @foreach($organizzazioni as $orgIndex => $organizzazione)
+                @include('welcome._partials.org-panel', [
+                  'organizzazione' => $organizzazione,
+                  'orgIndex' => $orgIndex,
+                  'orgAccents' => $orgAccents,
+                  'isActive' => $orgIndex === 0,
+                ])
+              @endforeach
+            </div>
           </div>
-        </div>
 
-        <p class="welcome-bacheca__search-empty" id="welcomeBachecaSearchEmpty" hidden>
-          Nessuna organizzazione o attività corrisponde alla ricerca.
-        </p>
-      </section>
-    @endif
+          <p class="welcome-bacheca__search-empty" id="welcomeBachecaSearchEmpty" hidden>
+            Nessuna organizzazione o attività corrisponde alla ricerca.
+          </p>
+        </section>
+      @endif
 
-    <footer class="welcome-bacheca__footer">
-      {{ config('app.name') }} · la bacheca digitale per feste e sagre
-    </footer>
-  </div>
+      <footer class="welcome-bacheca__footer">
+        {{ config('app.name') }} · la bacheca digitale per feste e sagre
+      </footer>
+    </div>
+  </article>
 
   <div class="modal fade" id="welcomeAttivitaModal" tabindex="-1" aria-labelledby="welcomeAttivitaModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered welcome-bacheca__modal-dialog">

resources/views/welcome/_partials/attivita-card.blade.php

@@ -6,7 +6,9 @@
   $coverUrl = $hasCustomCover ? $attivita->coverUrl() : null;
   $festLogoFallback = \App\Models\Attivita::defaultLogoUrl();
   $saltacodaAttivo = (bool) ($attivita->saltacoda?->is_attivo);
-  $schedaUrl = route('cliente.attivita.show', ['attivita_id' => $attivita->id]);
+  $attivitaSlug = $attivita->publicSlug();
+  $schedaUrl = $attivita->publicUrl();
+  $saltacodaUrl = route('cliente.saltacoda.show', ['slug' => $attivitaSlug]);
   $searchText = Str::lower(
     ($orgSearch ?? '') . ' ' . $attivita->nome . ' ' . ($attivita->descrizione ?? '')
   );
@@ -54,7 +56,7 @@
       data-attivita-iniziali="{{ $attivita->iniziali() }}"
       data-attivita-accent="{{ $accent }}"
       data-saltacoda-attivo="{{ $saltacodaAttivo ? '1' : '0' }}"
-      data-saltacoda-url="{{ route('cliente.saltacoda.show', ['attivita_id' => $attivita->id]) }}"
+      data-saltacoda-url="{{ $saltacodaUrl }}"
       data-scheda-url="{{ $schedaUrl }}"
     >
       <i class="bx bx-dots-vertical-rounded" aria-hidden="true"></i>