@foreach($items as $index => $item)
    <article wire:key="item-{{ $index }}-{{ $item['id'] }}" class="card-body border-bottom">
        <div class="row">
            <div class="col-md-7">
                <figure class="itemside">
                    {{--                <div class="aside"><img src="../images/items/1.jpg" class="border img-sm"></div>--}}
                    <figcaption class="info">
                        <a href="#" class="title" > {{ $item['name'] }} </a>
                        <div>
                            <button class="btn-link text-danger btn" wire:click="$emit('removeItem', '{{$index}}')"> Delete</button>
                        </div>
                    </figcaption>
                </figure>
            </div> <!-- col.// -->
            <div class="col-md-5 text-md-right text-right">
                <div class="input-group input-spinner">
                    <div class="input-group-prepend">
                        <button class="btn btn-light" wire:click="$emit('updateIncreaseQty', '{{$index}}')"><i
                                class="fa fa-plus"></i></button>
                    </div>
                    <input type="text" class="form-control" value="{{ $item['qty'] }}" >
                    <div class="input-group-append">
                        <button class="btn btn-light" wire:click="$emit('decreaseQty', '{{ $index  }}')"><i
                                class="fa fa-minus"></i></button>
                    </div>
                </div> <!-- input-group.// -->
            </div>
        </div> <!-- row.// -->
    </article> <!-- card-group.// -->
@endforeach