@if(Yard::instance('shopping')->content()->count())
    @if(Yard::instance('shopping')->compCount() > 0)

    <!-- Shopping cart table -->
    <div class="table-responsive">
        <table class="table table-bordered m-0">
            <thead>
            <tr>
                <!-- Set columns width -->
                <th class="text-center py-3 px-4" style="min-width: 400px;">Produkt</th>
                <th class="text-right py-3 px-4" style="width: 120px;"><div class="no-line-break">Netto-Preis</div></th>
                <th class="text-center py-3 px-2" style="width: 125px;">Anzahl</th>
                <th class="text-right py-3 px-4" style="width: 120px;">Summe</th>
            </tr>
            </thead>
            <tbody>

            @foreach(Yard::instance('shopping')->content() as $row)
                @php($product = \App\Models\Product::find($row->id))
                <tr>
                    <td class="p-4">
                        <div class="media align-items-center">
                            @if($row->options->has('image'))
                                <img src="{{ route('product_image', [$row->options->image]) }}" class="d-block ui-w-80 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 class="media-body">
                                <div class="d-block text-body" style="font-size: 15px; font-weight: 500;">{{ $row->name }}</div>
                                <div class="text-body">
                                    <div>Inhalt: {{ $product->contents }}</div>
                                    <div>Art.-Nr.: {{ $product->number }}</div>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-right font-weight-semibold align-middle p-4">
                        <div class="no-line-break">{{  Yard::instance('shopping')->rowPriceNet($row, 3) }} &euro;</div>
                    </td>
                    <td class="align-middle p-2">
                        @if($row->options->comp)
                            <div class="text-center product-tooltip" data-toggle="tooltip" title="Kompensationsprodukt">1x KP</div>
                        @else
                        <div class="input-group d-inline-flex" style="width: 110px">
                            <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->rowId}}]" maxlength="3" max="999" min="1">
                            <span class="input-group-append">
                              <button type="button" class="btn btn-default btn-sm remove_item_form_cart product-tooltip" data-row-id="{{$row->rowId}}" data-product-id="{{ $product->id }}">x</button>
                            </span>
                        </div>
                        @endif
                    </td>

                    <td class="text-right font-weight-semibold align-middle p-4">
                        <div class="no-line-break">{{  Yard::instance('shopping')->rowSubtotalNet($row) }} &euro;</div>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <!-- / Shopping cart table -->
    <div class="d-flex flex-wrap justify-content-between pb-4">
        <div class="mt-2">
            <p class="small mb-2">Du hast {{ Yard::instance('shopping')->compCount() }} Artikel in Deinem Warenkorb</p>
            <p>Gesamte Points:  {{ Yard::instance('shopping')->points() }}</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>
        </div>
        <div class="d-flex">
            <div class="text-right mt-2">
                <table class="table">
                    <tbody>
                    <tr>
                        <td class="text-left" style="border-top:none;">Zwischensumme:</td>
                        <td style="border-top:none;">{{ Yard::instance('shopping')->subtotal() }} €</td>
                    </tr>
                    <tr>
                        <td class="text-left">Versandland:</td>
                        <td>{{ Yard::instance('shopping')->getShippingCountryName() }}</td>
                    </tr>
                    <tr>
                        <td class="text-left">Versandkosten:</td>
                        <td>
                            {{  Yard::instance('shopping')->shippingNet() }} €
                        </td>
                    </tr>
                    <tr>
                        <td class="text-left">Summe ohne MwSt:</td>
                        <td>
                            {{  Yard::instance('shopping')->subtotalWithShipping() }} €
                        </td>
                    </tr>
                    <tr>
                        <td class="text-left">zzgl. MwSt:</td>
                        <td>{{  Yard::instance('shopping')->taxWithShipping() }} €</td>
                    </tr>
                    <tr>
                        <td class="text-left"><strong>Gesamtsumme Brutto:</strong></td>
                        <td><strong>{{ Yard::instance('shopping')->totalWithShipping() }} €</strong></td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>
    </div>
    <hr>
    <div class="float-right">
        <button type="submit" class="btn btn-secondary"><i class="ion ion-ios-redo"></i> bestätigen und weiter zur Kasse</button>
    </div>
    <br><br>
    <em class="small text-center"> <i class="fa fa-lock"></i> Du wirst auf unseren checkout Server weitergeletet, die Verbindung ist SSL verschlüsselt.</em>
        @endif

@endif