@php
    $key = mt_rand();
@endphp
<div class="product-attributes product-attribute-swatches"
    id="product-attributes-{{ $product->id }}"
    data-target="{{ route('public.web.get-variation-by-attributes', $product->id) }}">
     @php
         $variationInfo = $productVariationsInfo;
         $variationNextIds = [];
    @endphp
    <ul>
        @foreach($attributeSets as $set)
            @if (!$loop->first)
                @php
                    $variationInfo = $productVariationsInfo->where('attribute_set_id', $set->id)->whereIn('variation_id', $variationNextIds);
                @endphp
            @endif
            @if (view()->exists('plugins/ecommerce::themes.attributes._layouts.' . $set->display_layout))
                @include('plugins/ecommerce::themes.attributes._layouts.' . $set->display_layout, compact('selected'))
            @else
                @include('plugins/ecommerce::themes.attributes._layouts.dropdown', compact('selected'))
            @endif
            @php
                [$variationNextIds] = handle_next_attributes_in_product(
                    $attributes->where('attribute_set_id', $set->id),
                    $productVariationsInfo,
                    $set->id,
                    $selected->pluck('id')->toArray(),
                    $loop->index,
                    $variationNextIds);
            @endphp
        @endforeach
    </ul>
</div>