2023-06-11 12:14:03 +00:00
|
|
|
<sidebar-cart inline-template>
|
2023-12-03 14:07:47 +00:00
|
|
|
<aside class="sidebar-cart-wrap" @click.stop>
|
2023-06-11 12:14:03 +00:00
|
|
|
<div class="sidebar-cart-top">
|
|
|
|
|
<h3 class="title">{{ trans('storefront::layout.shopping_cart') }}</h3>
|
|
|
|
|
|
|
|
|
|
<div class="sidebar-cart-close">
|
|
|
|
|
<i class="las la-times"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="sidebar-cart-middle" :class="{ 'custom-scrollbar': cartIsNotEmpty, empty: cartIsEmpty }">
|
2023-12-03 14:07:47 +00:00
|
|
|
<div class="sidebar-cart-items-wrap" v-if="!cartIsEmpty">
|
2023-06-11 12:14:03 +00:00
|
|
|
<sidebar-cart-item
|
|
|
|
|
v-for="cartItem in cart.items"
|
|
|
|
|
:key="cartItem.id"
|
|
|
|
|
:cart-item="cartItem"
|
|
|
|
|
>
|
|
|
|
|
</sidebar-cart-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
2023-12-03 14:07:47 +00:00
|
|
|
<div class="empty-message" v-else>
|
2023-06-11 12:14:03 +00:00
|
|
|
@include('public.layout.sidebar_cart.empty_logo')
|
|
|
|
|
|
|
|
|
|
<h4>{{ trans('storefront::cart.your_cart_is_empty') }}</h4>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="sidebar-cart-bottom" v-if="cartIsNotEmpty">
|
|
|
|
|
<h5 class="sidebar-cart-subtotal">
|
|
|
|
|
{{ trans('storefront::layout.subtotal') }}
|
|
|
|
|
<span v-html="cart.subTotal.inCurrentCurrency.formatted"></span>
|
|
|
|
|
</h5>
|
|
|
|
|
|
|
|
|
|
<div class="sidebar-cart-actions">
|
|
|
|
|
<a href="{{ route('cart.index') }}" class="btn btn-default btn-view-cart">
|
|
|
|
|
{{ trans('storefront::layout.view_cart') }}
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="{{ route('checkout.create') }}" class="btn btn-primary btn-checkout">
|
|
|
|
|
{{ trans('storefront::layout.checkout') }}
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</aside>
|
|
|
|
|
</sidebar-cart>
|
