@props(['cartItem', 'is_save_later_hide', 'is_remove_from_cart', 'product_availability', 'for_checkout'])
{{-- @dd($for_checkout) --}}
@if ($cartItem['cart_product_type'] == 'regular')
    <tr class="cart-row cart-flex position-relative">

        <td class="cart-delete text-center small-hide">
            @if ($is_remove_from_cart == 0)
                <button type="button" class="cart-remove border-0 remove-icon position-static" data-bs-toggle="tooltip"
                    data-bs-placement="top" title="Remove to Cart" wire:click="remove_from_cart({{ $cartItem['id'] }})">
                    <ion-icon wire:ignore name="close" class="fs-5"></ion-icon>
                </button>
            @endif
        </td>
        <td class="cart-image cart-flex-item">
            @php
                $cart_image = dynamic_image($cartItem['image'], 84);
            @endphp
            <a href="{{ customUrl('products/' . $cartItem['slug']) }}" wire:navigate><img
                    class="cart-image rounded-0 blur-up lazyload" data-src="{{ $cart_image }}"
                    src="{{ $cart_image }}" alt="{{ $cartItem['name'] }}" /></a>
        </td>
        <td class="cart-meta small-text-left cart-flex-item">
            <div class="list-view-item-title">
                <a href="{{ customUrl('products/' . $cartItem['slug']) }}" wire:navigate>{{ $cartItem['name'] }}</a>
            </div>
            <div class="cart-meta-text">
                @if (isset($product_availability) && $product_availability['is_deliverable'] == false)
                    <p class="m-0 fw-500 text-capitalize text-danger">{{ $cartItem['name'] }} is Not deliverable at
                        Selected Address</p>
                @endif
                @php
                    $variant_values = $cartItem['product_variants'][0]['variant_values'];
                    $variant_values = str_replace(',', '/', $variant_values);
                @endphp
                {!! $variant_values . ($variant_values != '' ? '<br>' : '') !!}{{ labels('front_messages.qty', 'Qty') }}:
                {{ $cartItem['qty'] }}
            </div>
            <div class="cart-price d-md-none">
                <span class="money fw-500">{{ currentCurrencyPrice($cartItem['special_price'], true) }}</span>
            </div>
        </td>
        @if ($is_save_later_hide == 0)
            <td class="cart-price cart-flex-item text-center small-hide">
                <button type="button" class="btn btn-brd"
                    wire:click="save_for_later({{ $cartItem['id'] }})">{{ labels('front_messages.save_for_later', 'Save for Later') }}</button>
            </td>
        @endif
        <td class="cart-price cart-flex-item text-center small-hide">
            <span class="money">
                @php
                    $finalPrice =
                        $cartItem['special_price'] && $cartItem['special_price'] > 0
                            ? currentCurrencyPrice($cartItem['special_price'], true)
                            : currentCurrencyPrice($cartItem['price'], true);
                @endphp
                {{ $finalPrice }}
            </span>
        </td>

        <td class="cart-update-wrapper cart-flex-item text-end text-md-center">
            <div class="cart-qty d-flex justify-content-end justify-content-md-center">
                @if ($for_checkout != 1)
                    <div class="qtyField">
                        <button type="button" wire:ignore class="qtyBtn minus">
                            <ion-icon name="remove-outline"></ion-icon>
                        </button>

                        <input class="cart-qty-input qty" type="text" name="updates[]"
                            value="{{ $cartItem['qty'] }}" pattern="[0-9]*"
                            max="{{ $cartItem['total_allowed_quantity'] == 0 ? 'Infinity' : $cartItem['total_allowed_quantity'] }}"
                            min="{{ $cartItem['minimum_order_quantity'] }}"
                            step="{{ $cartItem['quantity_step_size'] }}" data-variant-id="{{ $cartItem['id'] }}"
                            data-product-type="regular" />


                            <button type="button" wire:ignore class="qtyBtn plus">
                                <ion-icon name="add-outline"></ion-icon>
                            </button>
                    </div>
                @else
                    {{ $cartItem['qty'] }}
                @endif

            </div>
            <button type="button" title="Remove"
                class="removeMb d-md-none d-inline-block text-decoration-underline border-0"
                wire:click="save_for_later({{ $cartItem['id'] }})">{{ labels('front_messages.save_for_later', 'Save for Later') }}</button>
            <button type="button" title="Remove"
                class="removeMb d-md-none d-inline-block text-decoration-underline border-0"
                wire:click="remove_from_cart({{ $cartItem['id'] }})">{{ labels('front_messages.remove', 'Remove') }}</button>
        </td>
        <td class="cart-price cart-flex-item text-center small-hide">
            @php
                $priceToUse =
                    $cartItem['special_price'] && $cartItem['special_price'] > 0
                        ? $cartItem['special_price']
                        : $cartItem['price'];
                $cart_total = $priceToUse * $cartItem['qty'];
            @endphp
            <span class="money fw-500">{{ currentCurrencyPrice($cart_total, true) }}</span>
        </td>

    </tr>
@else
    <tr class="cart-row cart-flex position-relative">

        <td class="cart-delete text-center small-hide">
            @if ($is_remove_from_cart == 0)
                <button type="button" class="cart-remove border-0 remove-icon position-static" data-bs-toggle="tooltip"
                    data-bs-placement="top" title="Remove to Cart"
                    wire:click="remove_from_cart({{ $cartItem['id'] }})">
                    <ion-icon wire:ignore name="close" class="fs-5"></ion-icon>
                </button>
            @endif
        </td>
        <td class="cart-image cart-flex-item">
            @php
                $cart_image = dynamic_image($cartItem['image'], 84);
            @endphp
            <a href="{{ customUrl('combo-products/' . $cartItem['slug']) }}" wire:navigate><img
                    class="cart-image rounded-0 blur-up lazyload" data-src="{{ $cart_image }}"
                    src="{{ $cart_image }}" alt="{{ $cartItem['name'] }}" /></a>
        </td>
        <td class="cart-meta small-text-left cart-flex-item">
            <div class="list-view-item-title">
                <a href="{{ customUrl('combo-products/' . $cartItem['slug']) }}"
                    wire:navigate>{{ $cartItem['name'] }}</a>
            </div>
            @if (isset($product_availability) && $product_availability['is_deliverable'] == false)
                <p class="m-0 fw-500 text-capitalize text-danger">{{ $cartItem['name'] }} is Not deliverable at
                    Selected Address</p>
            @endif
            <div class="cart-meta-text">{{ labels('front_messages.qty', 'Qty') }}: {{ $cartItem['qty'] }}
            </div>
            <div class="cart-price d-md-none">
                <span class="money fw-500">{{ currentCurrencyPrice($cartItem['special_price'], true) }}</span>
            </div>
        </td>
        @if ($is_save_later_hide == 0)
            <td class="cart-price cart-flex-item text-center small-hide">
                <button type="button" class="btn btn-brd"
                    wire:click="save_for_later({{ $cartItem['id'] }})">{{ labels('front_messages.save_for_later', 'Save for Later') }}</button>
            </td>
        @endif
        <td class="cart-price cart-flex-item text-center small-hide">
            <span class="money">
                @php
                    $priceToDisplay =
                        $cartItem['special_price'] && $cartItem['special_price'] > 0
                            ? $cartItem['special_price']
                            : $cartItem['price'];
                @endphp
                {{ currentCurrencyPrice($priceToDisplay, true) }}
            </span>
        </td>

        <td class="cart-update-wrapper cart-flex-item text-end text-md-center">
            <div class="cart-qty d-flex justify-content-end justify-content-md-center">
                <div class="qtyField">
                    @if ($for_checkout != 1)
                        <button type="button" wire:ignore class="qtyBtn minus">
                            <ion-icon name="remove-outline"></ion-icon>
                        </button>
                    @endif

                    <input class="cart-qty-input qty" type="text" name="updates[]" value="{{ $cartItem['qty'] }}"
                        pattern="[0-9]*"
                        max="{{ $cartItem['total_allowed_quantity'] == 0 ? 'Infinity' : $cartItem['total_allowed_quantity'] }}"
                        min="{{ $cartItem['minimum_order_quantity'] }}" step="{{ $cartItem['quantity_step_size'] }}"
                        data-variant-id="{{ $cartItem['id'] }}" data-product-type="combo" />

                    @if ($for_checkout != 1)
                        <button type="button" wire:ignore class="qtyBtn plus">
                            <ion-icon name="add-outline"></ion-icon>
                        </button>
                    @endif
                </div>
            </div>
            <button type="button" title="Remove"
                class="removeMb d-md-none d-inline-block text-decoration-underline border-0"
                wire:click="save_for_later({{ $cartItem['id'] }})">{{ labels('front_messages.save_for_later', 'Save for Later') }}</button>
            <button type="button" title="Remove"
                class="removeMb d-md-none d-inline-block text-decoration-underline border-0"
                wire:click="remove_from_cart({{ $cartItem['id'] }})">{{ labels('front_messages.remove', 'Remove') }}</button>
        </td>
        <td class="cart-price cart-flex-item text-center small-hide">
            @php
                $priceToUse =
                    $cartItem['special_price'] && $cartItem['special_price'] > 0
                        ? $cartItem['special_price']
                        : $cartItem['price'];
                $cart_total = $priceToUse * $cartItem['qty'];
            @endphp
            <span class="money fw-500">{{ currentCurrencyPrice($cart_total, true) }}</span>
        </td>

    </tr>
@endif