<div class="row">
  <div class="col-12 mb-6">
    <div class="card">
      <div class="card-widget-separator-wrapper">
        <div class="card-body card-widget-separator">
          <div class="row gy-4 gy-sm-1">
            <div class="col-sm-6 col-lg-3">
              <div class="d-flex justify-content-between align-items-center card-widget-1 border-end pb-4 pb-sm-0">
                <div>
                  <h4 class="mb-0" id="stat_totale_operazioni">{{ $statistiche['totale_operazioni'] ?? '—' }}</h4>
                  <p class="mb-0">Operazioni</p>
                </div>
                <div class="avatar me-sm-6">
                  <span class="avatar-initial rounded bg-label-secondary text-heading">
                    <i class="bx bx-notepad bx-26px"></i>
                  </span>
                </div>
              </div>
              <hr class="d-none d-sm-block d-lg-none me-6">
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="d-flex justify-content-between align-items-center card-widget-2 border-end pb-4 pb-sm-0">
                <div>
                  <h4 class="mb-0" id="stat_importo_entrate">{{ number_format($statistiche['importo_entrate'] ?? 0, 2, ',', '.') }} €</h4>
                  <p class="mb-0">Entrate</p>
                </div>
                <div class="avatar me-lg-6">
                  <span class="avatar-initial rounded bg-label-secondary text-success">
                    <i class="bx bx-arrow-from-bottom bx-26px"></i>
                  </span>
                </div>
              </div>
              <hr class="d-none d-sm-block d-lg-none me-6">
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="d-flex justify-content-between align-items-center card-widget-3 border-end pb-4 pb-sm-0">
                <div>
                  <h4 class="mb-0" id="stat_importo_uscite">{{ number_format($statistiche['importo_uscite'] ?? 0, 2, ',', '.') }} €</h4>
                  <p class="mb-0">Uscite</p>
                </div>
                <div class="avatar me-lg-6">
                  <span class="avatar-initial rounded bg-label-secondary text-danger">
                    <i class="bx bx-arrow-from-top bx-26px"></i>
                  </span>
                </div>
              </div>
              <hr class="d-none d-sm-block d-lg-none me-6">
            </div>
            <div class="col-sm-6 col-lg-3">
              <div class="d-flex justify-content-between align-items-center card-widget-4 pb-4 pb-sm-0">
                <div>
                  <h4 class="mb-0" id="stat_saldo">{{ number_format($statistiche['saldo'] ?? 0, 2, ',', '.') }} €</h4>
                  <p class="mb-0">Saldo</p>
                </div>
                <div class="avatar me-lg-6">
                  <span class="avatar-initial rounded bg-label-secondary text-info">
                    <i class="bx bx-calculator bx-26px"></i>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
