@props(['plan', 'url', 'current' => false])
<article class="card border-0 shadow-sm h-100">
    <div class="card-body d-flex flex-column">
        <div class="d-flex justify-content-between gap-2 mb-2"><div><x-nutrition.status-badge :status="$plan->status" />@if($current)<span class="badge text-bg-primary">Corrente</span>@endif</div><span class="small text-body-secondary">v{{ $plan->version }}</span></div>
        <h2 class="h5">{{ $plan->title }}</h2>
        <p class="text-body-secondary flex-grow-1">{{ $plan->objective ?: ($plan->description ?: 'Nessuna descrizione.') }}</p>
        <p class="small"><i class="bi bi-calendar3" aria-hidden="true"></i> {{ $plan->start_date->format('d/m/Y') }} – {{ $plan->end_date->format('d/m/Y') }}</p>
        <a href="{{ $url }}" class="btn btn-primary">Apri piano</a>
    </div>
</article>