@php
    $grandSubtotal = 0;
    $qty = 0;
    $option_price = 0;
@endphp
<style>
    /* Shake animation */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

/* Apply the shake every 2 seconds */
.shake-button {
    animation: shake 2s ease-in-out infinite;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}

/* Pause briefly between shakes */
.shake-button {
    animation: shake 2s ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

/* Optional: subtle hover effect */
.shake-button:hover {
    transform: scale(1.05);
}
.btn-primarys {
    background-color: #095ce2;
    border-color: #095ce2;
    transition: all 0.3s ease-in-out; /* Smooth transition */
}

.btn-primarys:hover {
    background-color: #0e0c62 !important;
    border-color: #0e0c62 !important;
}

</style>
@if (Session::has('cart'))
    @foreach (Session::get('cart') as $key => $cart)
        @php
            $grandSubtotal = ($cart['main_price'] + $grandSubtotal + $cart['attribute_price']) * $cart['qty'];
        @endphp
        <div class="entry d-flex justify-content-between">
            <div class="entry-thumb">
                <a href="{{ route('front.product', $cart['slug']) }}">
                    <img src="{{ asset('assets/images/' . $cart['photo']) }}" alt="Product">
                </a>
            </div>
            <div class="entry-content">
                <h4 class="entry-title">
                    <a href="{{ route('front.product', $cart['slug']) }}">
                        {{ Str::limit($cart['name'], 30) }}
                    </a>
                </h4>
                <div class="text-muted small mb-1 ms-2">
                    {{ $cart['qty'] }} x {{ PriceHelper::setCurrencyPrice($cart['main_price']) }}
                </div>
                <span class="entry-meta">
                    {{ $cart['qty'] }} x {{ PriceHelper::setCurrencyPrice($cart['main_price']) }}
                </span>
                @foreach ($cart['attribute']['option_name'] as $optionkey => $option_name)
                    <span class="att">
                        <em>{{ $cart['attribute']['names'][$optionkey] }}:</em> {{ $option_name }}
                        ({{ PriceHelper::setCurrencyPrice($cart['attribute']['option_price'][$optionkey]) }})
                    </span>
                @endforeach
            </div>
            <div class="entry-delete">
                <a href="{{ route('front.cart.destroy', $key) }}">
                    <i class="icon-x"></i>
                </a>
            </div>
        </div>
    @endforeach

    <div class="body_footer border-top p-3">
        <div class="text-right">
            <h5 class="text-gray-dark py-2 mb-2 d-flex justify-content-between">
                <span class="text-muted">{{ __('Subtotal') }}:</span>
                <span>{{ PriceHelper::setCurrencyPrice($grandSubtotal) }}</span>
            </h5>
        </div>
        <div class="d-grid gap-2 my-2">
            <div class="text-center">
                <a class="btn btn-primarys w-100 shake-button" href="{{ route('front.checkout.billing') }}"
                    style="padding:8px 2px;">
                    <span>{{ __('অর্ডার করতে ক্লিক করুন') }}</span>
                </a>
            </div>
            <a class=" w-100" href="{{ route('front.cart') }}" style="font-size:16px; font-weight: 600;">
                {{ __('View Cart') }}
            </a>
        </div>
    </div>
@else
    <div class="empty-cart-message d-flex flex-column justify-content-center align-items-center text-center"
        style="min-height: 300px;">
        <h5 class="mb-2">{{ __('Your cart is empty') }}</h5>
        <p class="text-muted mb-3">
            {{ __('You may check out all the available products and buy some in the shop') }}
        </p>
        <a href="{{ route('front.catalog') }}" class="btn btn-outline-primary btn-sm">
            {{ __('Return to shop') }}
        </a>
    </div>
@endif