@php
  $obiettivo = $obiettivo ?? '';
  $risultato = $risultato ?? '';
  $nota = $nota ?? null;
@endphp

<aside class="card md-setup-panel-help h-100">
  <div class="card-body">
    <div class="d-flex align-items-center gap-2 mb-3">
      <span class="avatar avatar-sm">
        <span class="avatar-initial rounded bg-label-info">
          <i class="bx bx-info-circle"></i>
        </span>
      </span>
      <span class="small fw-semibold text-uppercase text-muted">Perché questo passo</span>
    </div>

    <p class="small fw-semibold mb-1">Obiettivo</p>
    <p class="small text-muted mb-3">{{ $obiettivo }}</p>

    <p class="small fw-semibold mb-1 text-success">
      <i class="bx bx-check-circle me-1"></i>Quando hai finito
    </p>
    <p class="small mb-0">{{ $risultato }}</p>

    @if($nota)
      <div class="alert alert-secondary py-2 px-2 small mt-3 mb-0">
        <i class="bx bx-heart me-1"></i>{{ $nota }}
      </div>
    @endif
  </div>
</aside>
