<div class="your-order">
    <h3 class="d-flex">{{__("Your order")}} <span class="ml-auto">{{ __(":count item(s)"),['count' => format_amount(auth(activeGuard())->user()->totalQuantity())] }}</span></h3>
    <div class="your-order-table table-responsive">
        <table>
            <thead>
            <tr>
                <th class="product-name">{{__('Product')}}</th>
                <th class="product-total">{{__("Total")}}</th>
            </tr>
            </thead>
            <tbody>
            @foreach($cartItems as $item)
                <tr class="cart_item">
                    <td class="product-name">
                        {{$item->name}}
                        <strong class="product-quantity"> ×{{ format_amount($item->quantity) }}</strong>
                    </td>
                    <td class="product-total">
                        <span class="amount">{{ format_amount(Cart::session(auth()->id())->get($item->id)->getPriceSum(), true) }}</span>
                    </td>
                </tr>
            @endforeach
            </tbody>
            <tfoot>
            <tr class="cart-subtotal">
                <th>{{__("Cart Subtotal")}}</th>
                <td><span class="amount">{{ format_amount(auth(activeGuard())->user()->orderSubTotal(),true) }}</span></td>
            </tr>
            <tr class="cart-subtotal">
                <th>{{ __("Tax (:percent %)",['percent' => config('cart.tax')])  }}</th>
                <td><span class="amount">{{ format_amount(auth(activeGuard())->user()->tax(),true) }}</span></td>
            </tr>
            <tr class="order-total">
                <th>{{__("Order Quantity")}}</th>
                <td><strong><span class="amount">{{ format_amount(auth(activeGuard())->user()->orderTotal(),true) }}</span></strong></td>
            </tr>

            </tfoot>
        </table>
    </div>
    <div class="payment-method">
        <div class="payment-accordion">
            <div class="panel-group" id="faq">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h5 class="panel-title"><a data-toggle="collapse" aria-expanded="true" data-parent="#faq"
                                                   href="#payment-1">Direct Bank Transfer.</a></h5>
                    </div>
                    <div id="payment-1" class="panel-collapse collapse show">
                        <div class="panel-body">
                            <p>Make your payment directly into our bank account. Please use your Order ID as the payment
                                reference. Your order won’t be shipped until the funds have cleared in our account.</p>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h5 class="panel-title"><a class="collapsed" data-toggle="collapse" aria-expanded="false"
                                                   data-parent="#faq" href="#payment-2">Cheque Payment</a></h5>
                    </div>
                    <div id="payment-2" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>Make your payment directly into our bank account. Please use your Order ID as the payment
                                reference. Your order won’t be shipped until the funds have cleared in our account.</p>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h5 class="panel-title"><a class="collapsed" data-toggle="collapse" aria-expanded="false"
                                                   data-parent="#faq" href="#payment-3">PayPal</a></h5>
                    </div>
                    <div id="payment-3" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>Make your payment directly into our bank account. Please use your Order ID as the payment
                                reference. Your order won’t be shipped until the funds have cleared in our account.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-button-payment">
                <input type="submit" value="Place order"/>
            </div>
        </div>
    </div>
</div>
