



    <!-- 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: 100px;">Preis</th>
                <th class="text-center py-3 px-4" style="width: 120px;">Anzahl</th>
                <th class="text-right py-3 px-4" style="width: 100px;">Summe</th>
                <th class="py-3 px-4" style="width: 40px;"></th>
            </tr>
            </thead>
            <tbody>

            <tr>
                <td class="p-4">
                    <div class="media align-items-center">
                        <img src="/products/appwork/v152/assets_/img/uikit/nike-1.jpg" class="d-block ui-w-40 ui-bordered mr-4" alt>
                        <div class="media-body">
                            <a href="#" class="d-block text-body">Nike Men Black Liteforce III Sneakers</a>
                            <small>
                                <span class="text-muted">Color:</span>
                                <span class="ui-product-color ui-product-color-sm align-text-bottom" style="background:#e81e2c;"></span> &nbsp;
                                <span class="text-muted">Size: </span> EU 37 &nbsp;
                                <span class="text-muted">Ships from: </span> China
                            </small>
                        </div>
                    </div>
                </td>
                <td class="text-right font-weight-semibold align-middle p-4">
                    $57.55
                </td>
                <td class="align-middle p-4">
                    <input type="text" class="form-control text-center" value="2">
                </td>
                <td class="text-right font-weight-semibold align-middle p-4">
                    <span class="price">115.1</span> &euro;
                </td>
                <td class="text-center align-middle px-0">
                    <a href="#" class="close float-none" data-toggle="tooltip" title data-original-title="Remove">×</a>
                </td>
            </tr>



            <tr>
                <td class="p-4">
                    <div class="media align-items-center">
                        <img src="/products/appwork/v152/assets_/img/uikit/sunglasses.jpg" class="d-block ui-w-40 ui-bordered mr-4" alt>
                        <div class="media-body">
                            <a href="#" class="d-block text-body">WALKING 400 BLUE CAT3</a>
                            <small>
                                <span class="text-muted">Ships from: </span> Germany
                            </small>
                        </div>
                    </div>
                </td>
                <td class="text-right font-weight-semibold align-middle p-4">
                    $20.55
                </td>
                <td class="align-middle p-4">
                    <input type="text" class="form-control text-center" value="1">
                </td>
                <td class="text-right font-weight-semibold align-middle p-4">
                    $20.55
                </td>
                <td class="text-center align-middle px-0">
                    <a href="#" class="close float-none" data-toggle="tooltip" title data-original-title="Remove">×</a>
                </td>
            </tr>

            </tbody>
        </table>
    </div>
    <!-- / Shopping cart table -->

    <div class="d-flex flex-wrap justify-content-between align-items-center pb-4">
        <div class="mt-4">
            {{-- <label class="text-muted font-weight-normal">Promocode</label>
            <input type="text" placeholder="ABC" class="form-control">
            --}}
        </div>
        <div class="d-flex">
            <div class="text-right mt-4 mr-5">
                <label class="text-muted font-weight-normal m-0">Points</label>
                <div class="text-large"><strong>$20</strong></div>
            </div>
            <div class="text-right mt-4">
                <label class="text-muted font-weight-normal m-0">Gesamtsumme</label>
                <div class="text-large"><strong>$1164.65</strong></div>
            </div>
        </div>
    </div>
    <hr>
    <div class="float-right">
        <button type="submit" class="btn btn-secondary">bestätigen und weiter zur Kasse</button>
    </div>

