@php
if (auth()->user() != null) {
    $user_id = Auth::user()->id;
    $cart = \App\Models\Cart::where('user_id', $user_id)->get();
} else {
    $temp_user_id = Session()->get('temp_user_id');
    if ($temp_user_id) {
        $cart = \App\Models\Cart::where('temp_user_id', $temp_user_id)->get();
    }
}

@endphp
<a href="javascript:void(0)" class="action-btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">

        <ion-icon name="bag-handle-outline"></ion-icon>

        @if (isset($cart) && count($cart) > 0)
            <span class="count">
                {{ count($cart) }}
            </span>
        @else
            <span class="count">0</span>
        @endif
</a>

<ul class="dropdown-menu">
    @if (isset($cart) && count($cart) > 0)

            @php
                $total = 0;
            @endphp
            @foreach ($cart as $key => $cartItem)
                @php
                    $product = \App\Models\Product::find($cartItem['product_id']);
                    // $total = $total + ($cartItem['price'] + $cartItem['tax']) * $cartItem['quantity'];
                    $total = $total + cart_product_price($cartItem, $product, false) * $cartItem['quantity'];
                @endphp
                @if ($product != null)
                    <li class="list-group-item m-2" data-cart-id="{{ $cartItem['id'] }}">
                        <span class="d-flex align-items-center">
                            <a href="{{ route('product', $product->getTranslation('slug')) }}"
                                class="text-reset d-flex align-items-center flex-grow-1">
                                <img src="{{ uploaded_asset($product->thumbnail_img) }}"
                                     onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder-rect.jpg') }}';"
                                    class="rounded" width="100" height="100"
                                    alt="{{ $product->getTranslation('name') }}">
                                <span class="m-2 flex-grow-1">
                                    <span class="fw-600 mb-1 text-web" >
                                        {{ $product->getTranslation('name') }}
                                    </span>
                                    <br>
                                    <span class="">{{ $cartItem['quantity'] }}x</span>
                                    {{-- <span
                                        class="">{{ single_price($cartItem['price'] + $cartItem['tax']) }}</span> --}}
                                    <span class="">{{ cart_product_price($cartItem, $product) }}</span>
                                </span>
                            </a>
                            <span class="">
                                <button onclick="removeFromCart({{ $cartItem['id'] }})"
                                    class="btn btn-sm btn-icon stop-propagation">
                                       <ion-icon name="close-sharp"></ion-icon>
                                </button>
                            </span>
                        </span>
                    </li>
                @endif
            @endforeach

        <div class="px-3 py-2 fs-15 border-top d-flex justify-content-between">
            <span class="opacity-60">{{ translate('Subtotal') }}</span>
            <span class="fw-600">{{ single_price($total) }}</span>
        </div>
        <div class="px-3 py-2 text-center border-top">
            <ul class="list-inline mb-0">
                <li class="list-inline-item">
                    <a href="{{ route('cart') }}" class="btn btn-web btn-sm">
                        {{ translate('View cart') }}
                    </a>
                </li>
                @if (Auth::check())
                    <li class="list-inline-item">
                        <a href="{{ route('checkout.shipping_info') }}" class="btn btn-web btn-sm">
                            {{ translate('Checkout') }}
                        </a>
                    </li>
                @endif
            </ul>
        </div>
    @else
        <div class="text-center p-3">
            <i class="las la-frown la-3x opacity-60 mb-3"></i>
            <h3 class="h6 fw-700">{{ translate('Your Cart is empty') }}</h3>
        </div>
    @endif
</ul>