@props(['item', 'action' => null])
<div class="d-flex align-items-center gap-3 py-2 border-bottom">
    @if($action)
        <form method="POST" action="{{ $action }}">@csrf @method('PATCH')<input type="hidden" name="is_checked" value="{{ $item->is_checked ? 0 : 1 }}"><button class="btn btn-sm {{ $item->is_checked ? 'btn-success' : 'btn-outline-secondary' }}" aria-label="{{ $item->is_checked ? 'Segna da acquistare' : 'Segna acquistato' }}"><i class="bi {{ $item->is_checked ? 'bi-check-lg' : 'bi-circle' }}" aria-hidden="true"></i></button></form>
    @endif
    <div class="flex-grow-1 {{ $item->is_checked ? 'text-decoration-line-through text-body-secondary' : '' }}"><strong>{{ $item->item_name }}</strong><div class="small">{{ $item->total_quantity }} {{ $item->unit?->label() }}@if($item->notes) · {{ $item->notes }}@endif</div></div>
</div>