86 lines
6.7 KiB
PHP
86 lines
6.7 KiB
PHP
<div class="popup__body position-relative d-none justify-content-end" data-js-popup-name="cart" data-popup-right data-js-popup-ajax id="cart-sidebar">
|
|
<div class="popup-cart py-25 px-20 js-popup-cart-ajax" data-popup-content>
|
|
<div class="popup-cart__head d-flex align-items-center">
|
|
<h5 class="m-0">
|
|
{{ __('MY BAG') }}
|
|
<span data-js-popup-cart-count>(@{{ cart_count }})</span>
|
|
</h5>
|
|
<i class="popup-cart__close ml-auto cursor-pointer" data-js-popup-close>
|
|
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-164" viewBox="0 0 24 24">
|
|
<path d="M19.583 4.965a.65.65 0 0 1-.176.449l-6.445 6.426 6.445 6.426c.117.131.176.28.176.449a.65.65 0 0 1-.176.449.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127l-6.426-6.445-6.426 6.445a.846.846 0 0 1-.215.127.596.596 0 0 1-.468 0 .846.846 0 0 1-.215-.127.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449l6.445-6.426-6.445-6.426a.65.65 0 0 1-.176-.449c0-.169.059-.318.176-.449a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176l6.426 6.445 6.426-6.445a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z"/>
|
|
</svg>
|
|
</i>
|
|
</div>
|
|
<div class="popup-cart__content">
|
|
<div class="popup-cart__items mt-15 border-bottom">
|
|
<div v-for="product in cartProducts">
|
|
<div class="product-cart d-flex flex-row align-items-start mb-20" data-js-product=""
|
|
:data-product-variant-id="product.id">
|
|
<div class="product-cart__image mr-15">
|
|
<a :href="routeFor(product.slug)" class="d-block">
|
|
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
|
:srcset="imageFor(product.image)"
|
|
:alt="product.name"
|
|
>
|
|
</a>
|
|
</div>
|
|
<div class="product-cart__content d-flex flex-column align-items-start">
|
|
<div class="product-cart__title mb-3">
|
|
<h3 class="h6 m-0">
|
|
<a :href="routeFor(product.slug)">
|
|
@{{ product.name }}
|
|
</a>
|
|
</h3>
|
|
</div>
|
|
<div class="product-cart__variant">@{{ product.brand?.name }}</div>
|
|
<div class="product-cart__price mt-10 mb-10">
|
|
<span class="product-cart__quantity">@{{ product.quantity }}</span>
|
|
<span>x</span>
|
|
<span class="price">
|
|
<span>
|
|
<span class="money">@{{ product.price_amount }} TMT</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<a href="#" class="btn-link" @click="removeCartItem(product.id)">{{ __('Remove') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Subtotal --}}
|
|
{{-- <div class="popup-cart__subtotal h5 d-flex align-items-center mt-15 mb-0">
|
|
<p class="m-0">SUBTOTAL: $821</p>
|
|
<span class="ml-auto">
|
|
<span class="price" data-js-popup-cart-subtotal></span>
|
|
</span>
|
|
</div> --}}
|
|
|
|
{{-- Free shipping --}}
|
|
{{-- <div class="popup-cart__free-shipping my-20">
|
|
<div class="free-shipping position-relative px-6 py-3 text-lg-left js-free-shipping"
|
|
data-value="20000">
|
|
<div class="free-shipping__progress position-absolute top-0 left-0 h-100" data-js-progress
|
|
style="width: 100.0%;"></div>
|
|
<div class="free-shipping__text position-relative">
|
|
<i class="mr-3">
|
|
<svg aria-hidden="true" focusable="false" role="presentation"
|
|
class="icon icon-theme-127" viewBox="0 0 24 24">
|
|
<path d="M21.648 12.672c.104.052.188.13.254.234a.62.62 0 0 1 .098.332v5a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.559a3.043 3.043 0 0 1-1.074 1.787 3.03 3.03 0 0 1-1.992.713c-.756 0-1.42-.238-1.992-.713a3.028 3.028 0 0 1-1.074-1.787h-1.309a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439V4.488H2.625a.597.597 0 0 1-.439-.186A.597.597 0 0 1 2 3.863a.6.6 0 0 1 .186-.439.597.597 0 0 1 .439-.186h8.75a.6.6 0 0 1 .439.186c.123.124.186.27.186.439v2.5h5a.614.614 0 0 1 .586.41l1.797 4.766 2.265 1.133zM9.314 9.674c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75a.597.597 0 0 1-.439-.186.597.597 0 0 1-.186-.439.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h3.75a.6.6 0 0 1 .439.186zm0 3.125c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.5a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186h2.5a.6.6 0 0 1 .439.186zm11.436 4.814v-3.984l-2.148-1.074a.635.635 0 0 1-.195-.146.557.557 0 0 1-.117-.205l-1.719-4.59H12v10h.684a3.033 3.033 0 0 1 1.074-1.787 3.026 3.026 0 0 1 1.992-.713 3.03 3.03 0 0 1 1.992.713 3.041 3.041 0 0 1 1.074 1.787h1.934zm-3.936-6.064c.123.124.186.27.186.439a.602.602 0 0 1-.186.439.601.601 0 0 1-.439.186h-2.5a.597.597 0 0 1-.439-.186.6.6 0 0 1-.186-.439v-2.5a.6.6 0 0 1 .186-.439.598.598 0 0 1 .439-.186.6.6 0 0 1 .439.186c.123.124.186.27.186.439v1.875h1.875a.6.6 0 0 1 .439.186zm.264 8.017a1.81 1.81 0 0 0 .547-1.328 1.81 1.81 0 0 0-.547-1.328 1.812 1.812 0 0 0-1.328-.547 1.81 1.81 0 0 0-1.328.547 1.808 1.808 0 0 0-.547 1.328c0 .521.182.964.547 1.328.364.365.807.547 1.328.547s.963-.182 1.328-.547z"/>
|
|
</svg>
|
|
</i> <span data-js-text>Free Shipping</span>
|
|
</div>
|
|
</div>
|
|
</div> --}}
|
|
|
|
<div class="popup-cart__buttons mt-15">
|
|
@auth
|
|
<a href="{{ route('web.pages.cart') }}" class="btn btn--full btn--secondary text-uppercase">{{ __('PROCEED TO CHECKOUT') }}</a>
|
|
@endauth
|
|
{{-- <a href="{{ route('web.pages.cart') }}" class="btn btn--full mt-20 text-uppercase">{{ __('VIEW SHOPPING BAG') }}</a> --}}
|
|
</div>
|
|
</div>
|
|
<div class="popup-cart__empty mt-20 d-none-important">{{ __('Your shopping bag is empty') }}.</div>
|
|
</div>
|
|
</div>
|