@if(!Cart::isEmpty())
    <table class="table carrito">
        <thead>
        <tr>
            <th class="w-50">Producto</th>
            <th>Precio</th>
            <th>Cantidad</th>
            <th class="text-right">Total</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        @foreach(Cart::getContent()->sort() as $item)
            <tr data-id="{{ $item->id }}">
                <td class="w-50">
                    <a href="#">
                        <div class="flex">
                            <div class="img-wrapper">
                                <div class="img-holder img-full">
                                    <img src="{{ asset($item->attributes->image) }}" alt="" class="absolute">
                                </div>
                            </div>
                            <span>{{ $item->name }}</span>
                        </div>
                    </a>
                </td>
                <td>₲{{ num_format($item->price) }}</td>
                <td><input type="number" value="{{ $item->quantity }}" class="qty form-control text-center btn-cart" data-action="update" data-id="{{ $item->id }}" min="1"></td>
                <td><div class="text-right">₲<span class="row-price">{{ num_format($item->quantity * $item->price) }}</span></div></td>
                <td><a href="#" class="btn-cart" data-id="{{ $item->id }}" data-action="remove"><i class="far fa-times"></i></a></td>
            </tr>
        @endforeach
        </tbody>
        <tfoot>
        <tr>
            <th colspan="3">Total</th>
            <th class="text-right"><span class="cart-total">₲{{ num_format(Cart::getTotal()) }}</span></th>
            <th></th>
        </tr>
        </tfoot>
    </table>
    <div class="btn-container flex">
        <a href="{{ url('/') }}" class="btn">Seguir comprando</a>
        <a href="{{ route('checkout') }}" class="btn">Pasar por caja</a>
    </div>
@else
    <p>Aún no hay productos en tu carrito.</p>
@endif