@if ($variant_attributes = $product->getVariantAttributes())
    <div class="{{$sec_class}} {{parse_classname('product-variants')}}">
        @foreach ($variant_attributes as $attribute)
                    <figure class="{{$att_class}} {{parse_classname('product-attribute-item','product-variant-'.$avt,'product-attribute-'.$avt)}}">
            <figcaption class="{{$atn_class}} ">{{$attribute->label}}</figcaption>
            @if ($avt != 'default')
                <ul class="{{$avl_class}} {{parse_classname('product-attribute-values', 'product-attribute-'.$avt.'-values')}} {{$attribute->list_class}}">

                    @php
                        $def = null;
                        foreach ($attribute->values as $attr) {
                            if($attr->is_defauly) $def = $attr->value_id;
                        }
                    @endphp
                    @foreach ($attribute->values as $attrValue)
                        <li class="{{$avi_class}} {{parse_classname('variant-value-item','product-attribute-value-item', 'pav-item')}}">
                            <input type="radio" id="product-variants-{{$attribute->name}}-{{$attrValue->value_id}}" name="attrs[{{$attribute->name}}]" class="{{$rad_class}} {{parse_classname('radio-value-input')}} {{$attrValue->item_class}}" data-value-id="{{$attrValue->value_id}}" value="{{$attrValue->value_id}}" @if(($def && $def == $attrValue->value_id) || (!$def && $loop->index == 0)) checked @endif>
                            <label for="product-variants-{{$attribute->name}}-{{$attrValue->value_id}}" class="{{$lab_class}} " @if ($avt == "color") style="background-color:{{$attrValue->advance_value}}" @endif>
                                @if ($avt == 'image')
                                <img src="{{$attrValue->advance_value}}" alt="{{$attrValue->text}}" title="{{$attrValue->text}}" class="{{$img_class}}">
                                @endif
                                <span>{{$attrValue->text}}</span>
                            </label>
                            <span class="attr-text {{$txt_class}} "><span>{{$attrValue->text}}</span></span>
                        </li>
                    @endforeach


                </ul>
            @else
                <ul class="{{$avl_class}} {{parse_classname('product-attribute-values')}} {{$attribute->list_class}}">

                    @php
                        $def = null;
                        foreach ($attribute->values as $attr) {
                            if($attr->is_defauly) $def = $attr->value_id;
                        }
                    @endphp
                    @foreach ($attribute->values as $attrValue)
                        <li class="{{$avi_class}} {{parse_classname('variant-value-item','product-attribute-value-item', 'pav-item')}}">
                            <input type="radio" id="product-variants-{{$attribute->name}}-{{$attrValue->value_id}}" name="attrs[{{$attribute->name}}]" class="{{$rad_class}} {{parse_classname('radio-value-input')}} {{$attrValue->item_class}}" data-value-id="{{$attrValue->value_id}}" value="{{$attrValue->value_id}}" @if(($def && $def == $attrValue->value_id) || (!$def && $loop->index == 0)) checked @endif>
                            <label for="product-variants-{{$attribute->name}}-{{$attrValue->value_id}}" class="{{$lab_class}} ">
                                <span>{{$attrValue->text}}</span>
                            </label>
                        </li>
                    @endforeach


                </ul>
            {{-- @else
            
                <select class="{{$sel_class}}  {{$attribute->select_class}}" name="attrs[{{$attribute->name}}]">
                    @if ($attribute->values)
                        @foreach ($attribute->values as $option)
                            <option value="{{$option->value_id}}" {{$option->is_default?'selected':''}}>{{$option->text}}</option>
                        @endforeach
                    @endif
                </select> --}}
            @endif

        </figure>
        @endforeach
    </div>
@endif



@if ($order_options = $product->getOrderAttributes())
    <div class="{{$sec_class}}  {{parse_classname('product-attributes')}}">

        @php
        $def = null;
        foreach ($order_options as $attr) {
            if($attr->is_defauly) $def = $attr->value_id;
        }
    @endphp
        @foreach ($order_options as $attribute)
                    <figure class="{{$att_class}} {{parse_classname('product-attribute-item','product-attribute-'.$avt)}}">
            <figcaption class="{{$atn_class}} ">{{$attribute->label}}</figcaption>
            @if ($avt != 'default')
                <ul class="{{$avl_class}} {{parse_classname('product-attribute-values', 'product-attribute-'.$avt.'-values')}} {{$attribute->list_class}}">

                    @foreach ($attribute->values as $attrValue)
                        <li class="{{$avi_class}} {{parse_classname('variant-value-item','product-attribute-value-item', 'pav-item')}}">
                            <input type="radio" id="product-attribute-{{$attribute->name}}-{{$attrValue->value_id}}" name="attrs[{{$attribute->name}}]" class="{{$rad_class}} {{parse_classname('radio-value-input')}} {{$attrValue->item_class}}" data-value-id="{{$attrValue->value_id}}" value="{{$attrValue->value_id}}" @if(($def && $def == $attrValue->value_id) || (!$def && $loop->index == 0)) checked @endif>
                            <label for="product-attribute-{{$attribute->name}}-{{$attrValue->value_id}}" class="{{$lab_class}} " @if ($avt == "color") style="background-color:{{$attrValue->advance_value}}" @endif>
                                @if ($avt == 'image')
                                <img src="{{$attrValue->advance_value}}" alt="{{$attrValue->text}}" title="{{$attrValue->text}}" class="{{$img_class}}">
                                @endif
                                <span>{{$attrValue->text}}</span>
                            </label>
                        </li>
                    @endforeach


                </ul>
            
            @else
                <ul class="{{$avl_class}} {{parse_classname('product-attribute-values')}} {{$attribute->list_class}}">

                    @php
                        $def = null;
                        foreach ($attribute->values as $attr) {
                            if($attr->is_defauly) $def = $attr->value_id;
                        }
                    @endphp
                    @foreach ($attribute->values as $attrValue)
                        <li class="{{$avi_class}} {{parse_classname('variant-value-item','product-attribute-value-item', 'pav-item')}}">
                            <input type="radio" id="product-variants-{{$attribute->name}}-{{$attrValue->value_id}}" name="attrs[{{$attribute->name}}]" class="{{$rad_class}} {{parse_classname('radio-value-input')}} {{$attrValue->item_class}}" data-value-id="{{$attrValue->value_id}}" value="{{$attrValue->value_id}}" @if(($def && $def == $attrValue->value_id) || (!$def && $loop->index == 0)) checked @endif>
                            <label for="product-variants-{{$attribute->name}}-{{$attrValue->value_id}}" class="{{$lab_class}} ">
                                <span>{{$attrValue->text}}</span>
                            </label>
                        </li>
                    @endforeach


                </ul>
            {{-- @else
                <select class="{{$sle_class}} {{$attribute->select_class}}" name="attrs[{{$attribute->name}}]">
                    @if ($attribute->values)
                        @foreach ($attribute->values as $option)
                            <option value="{{$option->value_id}}" {{$option->is_default?'selected':''}}>{{$option->text}}</option>
                        @endforeach
                    @endif
                </select> --}}
            @endif

        </figure>
        @endforeach
    </div>
@endif