@php use App\Enums\ShippingTemperatureForSystem; @endphp

@script
<script>
    // 接收後端傳來的錯誤訊息
    $wire.on('error', (msg) => {
        alert(msg)
    });


    document.addEventListener('livewire:initialized', () => {
        /**
         * 務必從前端，派發給後端『配送方法元件 cart.shipping-method』更新批配的溫層。
         * 因為『購物車內容元件 cart.cart-content-of-normal』，無法在初始化的時候，就跨到後端『配送方法元件』指定溫層。
         */
        let wire = Livewire.getByName("cart.shipping-method")[0];
        let val = $(".currentOpenCollapse").val()
        wire.setTemperature(val)
    })

</script>
@endscript

<div>

    @viteIfExist(["resources/js/foreground/cart/products.js"])


    @if ($cartContent(null)->count() === 0)
        {{-- 沒有商品 --}}
        <div class="text-center fs-2 my-5 py-5">
            購物車內沒有商品。
        </div>
    @else

        {{-- 紀錄目前購物車的溫層群組。這個主要提供給 JS 初始化選取溫層使用 --}}
        <input type="hidden" class="currentOpenCollapse" value="{{ $currentOpenCollapse }}">

        {{-- 常溫 group --}}
        @include("livewire.cart.cart-content-group-block", [
            'title' => '【常溫】商品清單',
            'cartContentGroup' => $cartContent(ShippingTemperatureForSystem::Normal),
            'inputCheckedThisGroupValue' => ShippingTemperatureForSystem::Normal->value
        ])

        {{-- 冷藏 group --}}
        @include("livewire.cart.cart-content-group-block", [
            'title' => '【冷藏】 商品清單',
            'cartContentGroup' => $cartContent(ShippingTemperatureForSystem::Refrigerated),
            'inputCheckedThisGroupValue' => ShippingTemperatureForSystem::Refrigerated->value
        ])


        {{-- 冷凍 group --}}
        @include("livewire.cart.cart-content-group-block", [
            'title' => '【冷凍】 商品清單',
            'cartContentGroup' => $cartContent(ShippingTemperatureForSystem::Frozen),
            'inputCheckedThisGroupValue' => ShippingTemperatureForSystem::Frozen->value
        ])
    @endif


</div>