    <div class="row">
        <div class="col-12 text-left">
            <h2 class="mt-3">Warenkorb</h2>
            <div id="cartContent">
                <div class="yard-items-head d-none d-sm-block">
                    <div class="row">
                        <div class="col-3 col-sm-2">
                            <div class="row">&nbsp;</div>
                        </div>
                        <div class="col-9 col-sm-10">
                            <div class="row">
                                <div class="col-12 col-sm-6 col-md-7">
                                    Artikel
                                </div>
                                <div class="col-6 col-sm-3 col-md-2 text-left">
                                    Einzelpreis
                                </div>
                                <div class="col-6 col-sm-3 col-md-3 text-right">
                                    Anzahl/Preis
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @foreach(Yard::instance('shopping')->getContentByOrder() as $row)
                    @php($product = \App\Models\Product::find($row->id))
                    <div class="row yard-item">
                        <div class="col-3 col-sm-2">
                            @if($row->options->has('image'))
                                <img src="{{ route('product_image', [$row->options->image]) }}" class="d-block ui-w-90 ui-bordered mr-4" alt="">
                            @else
                              <img src="{{ asset('/assets/images/1x1.png') }}" class="d-block ui-w-80 ui-bordered mr-4" alt="">
                            @endif  
                        </div>
                        <div class="col-9 col-sm-10">
                            <div class="row">
                                <div class="col-12 col-sm-6 col-md-7 description">
                                    <div class="media-body">
                                        <div class="d-block text-body"
                                            style="">{{ $row->name }}
                                        </div>
                                        <div class="text-body" style="font-size: 0.9em">
                                            <div>Inhalt: {{ $product->contents }}</div>
                                            <div>Art.-Nr.: {{ $product->number }}</div>
                                        </div>
                                    </div>
                                    <div class="options">
                                        @if(!$row->options->free_product_id)
                                        <a href="#"
                                            class="auto-delete-product remove_item_form_cart product-tooltip"
                                            data-row-id="{{$row->rowId}}" 
                                            data-product-id="{{ $product->id }}"><i
                                                class="fa fa-times"></i> Artikel entfernen</a>
                                        @else
                                         gratis
                                        @endif
                                    </div>
                                </div>
                                <div class="col-6 col-sm-3 col-md-2 text-left font-semi-bold price-single">
                                    <div class="no-line-break">
                                        {{  Yard::instance('shopping')->rowPrice($row, 2) }} &euro;*</div>
                                </div>
                                <div class="col-6 col-sm-3 col-md-3 quantity">
                                    @if(!$row->options->free_product_id)
                                    <div class="quantity-select">
                                        <input type="number"
                                            class="form-control text-center cart-input-event-onchange"
                                            data-row-id="{{$row->rowId}}" 
                                            data-product_id="{{ $product->id }}" value="{{ $row->qty }}"
                                            name="quantity[{{ $row->qty }}]" maxlength="3" max="999"
                                            min="0">
                                    </div>
                                    <div class="price-total text-right">
                                        <div class="no-line-break">{{  Yard::instance('shopping')->rowSubtotal($row, 2) }} &euro;*</div>
                                    </div>
                                    @else
                                    <div class="price-total text-right mt-0">
                                        <div class="no-line-break">1 / 0,00 &euro;*</div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                        </div>
                    </div>
                @endforeach
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="mt-0 col-12">

            <p class="small mt-0 mb-2">
                Du hast {{ Yard::instance('shopping')->count() }} Artikel in Deinem Warenkorb
            </p>
            <button type="button" class="btn btn-default btn-sm" id="clear-products-basket"><i
                    class="ion ion-ios-trash"></i> Warenkorb löschen</button>

            <p class="small pt-2 float-sm-right">
                <span class="">
                    <em>{{ __('shop.incl_VAT_plus_shipping') }}</em>
                </span>
            </p>

            <hr class="">
        </div>
    </div>