@php $subtotal = 0; @endphp

@forelse($cartItems as $cartItem)
    @php
        $itemTotal = $cartItem->carp_unitprice * $cartItem->carp_qt;
        $subtotal += $itemTotal;
    @endphp

    <tr>
        <td style="padding-left: 20px;">
            <strong>{{ $cartItem->pack->pro_description_pt ?? 'Pack' }}</strong>
            — {{ $cartItem->typeMeal->typ_description_pt ?? '' }}

            @if($cartItem->items->isNotEmpty())
                <br>
                <small class="text-muted">
                    @foreach($cartItem->items as $dishItem)
                        {{ $dishItem->cpi_qt }}x {{ $dishItem->dish->dsh_name_pt }}<br>
                    @endforeach
                </small>
            @endif
        </td>

        <td class="text-center">
            <div class="input-group input-group-sm justify-content-center">
                <div class="input-group-prepend" style="margin-right: -5px;">
                    <button class="btn btn-outline-secondary btn-minus"
                            data-carp-id="{{ $cartItem->carp_id }}"
                            type="button">-</button>
                </div>

                <input type="text"
                       class="form-control text-center cart-quantity"
                       value="{{ $cartItem->carp_qt }}"
                       readonly
                       style="width: 30px !important;">

                <div class="input-group-append">
                    <button class="btn btn-outline-secondary btn-plus"
                            data-carp-id="{{ $cartItem->carp_id }}"
                            type="button">+</button>
                </div>
            </div>
        </td>

        <td class="text-center">{{ number_format($cartItem->carp_unitprice, 2) }} €</td>
        <td class="text-center">{{ number_format($itemTotal, 2) }} €</td>

        <td class="text-center">
            <button class="btn btn-danger btn-sm btn-remove-item"
                    data-carp-id="{{ $cartItem->carp_id }}"
                    title="Remover item">
                <i class="fa fa-trash"></i>
            </button>
        </td>
    </tr>
@empty
    <tr>
        <td colspan="5" class="text-center text-muted">Carrinho vazio</td>
    </tr>
@endforelse