@php
  $andamento = collect($andamentoMensile ?? []);
  $previsione = $previsioneProssimoMese ?? ['ricavi' => 0, 'costi' => 0, 'saldo' => 0, 'mesi_considerati' => 0];
  $categoriaPerf = collect($categoriaPerformance ?? [])->take(10)->values();
  $piattiPerf = collect($piattiPerformance ?? [])->take(10)->values();
  $cucinePerf = collect($cucinePerformance ?? [])->take(10)->values();
  $pagamentiPerf = collect($pagamentiPerformance ?? [])->take(10)->values();
  $ticketMedio = (float) ($ticketMedioPagamenti ?? 0);
  $pagamentiAnno = (int) ($pagamentiCountAnno ?? 0);
@endphp

<div class="tab-pane fade" id="bilancio-tab-statistiche" role="tabpanel">
  <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>
  </div>
  <div class="row g-3 mb-4">
    <div class="col-12 col-md-6 col-xl-4">
      <div class="card card-border-shadow-warning h-100">
        <div class="card-body">
          <span class="text-heading">Previsione prossimo mese</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>
          <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.
          </small>
        </div>
      </div>
    </div>
    <div class="col-12 col-md-6 col-xl-4">
      <div class="card card-border-shadow-primary h-100">
        <div class="card-body">
          <span class="text-heading">Ticket medio</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>
        </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="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>
  </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>
        </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>
        </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>
  </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>
        </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>
        </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 (quantita x prezzo).</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>
        </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>
        </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>
