@props(['meal', 'quickAdd' => false])
<section class="card border-0 shadow-sm mb-3">
    <div class="card-body">
        <div class="d-flex justify-content-between gap-3">
            <h3 class="h5">{{ $meal->displayTitle() }}</h3>
            @if($meal->meal_time)<time class="text-body-secondary">{{ substr($meal->meal_time, 0, 5) }}</time>@endif
        </div>
        @if($meal->description)<p>{{ $meal->description }}</p>@endif
        @if($meal->items->isEmpty())<p class="text-body-secondary mb-0">Nessuna pietanza.</p>@else<ul class="nutrition-meal-items">@foreach($meal->items as $item)<x-nutrition.meal-item :item="$item" :quick-add="$quickAdd" />@endforeach</ul>@endif
        @if($meal->notes)<p class="small text-body-secondary mb-0">{{ $meal->notes }}</p>@endif
    </div>
</section>