@php
/**
 * @name Pagina lista ordini\Ordine\Prodotto\Prodotto con varianti\Prodotto con una variazione
 * @version 1.0.0
*/
@endphp

@foreach ( $variations as $variation )
    
  @php
    $attribute = $variation->get_attributes();
    $type = $attribute->get_type();
    $term = $attribute->get_term();

  @endphp
  
  <div class="order-product-variation order-product-variation-single order-product-variation-{{ $product->get_id() . '_' . $attribute->get_id() }} ">
    
    @php
    $term_type = 'text';
    
    $nocolor = false;

    // if($type == 'color'){
    //   $term_type = 'color';
      
    //   $color = $variation->get_color();
      
    //   if(!empty($color)){
    //     $term_type = $color->get_type();
    //     $color = $color->get_color();
    //   }else{
    //     $nocolor = true;
    //     $color = '';
    //   }

    // }

    // $class_term = ['order-product-attribute', 'order-product-attribute-type-' . $type, 'attr-' . $term_type, 'attr-' . $term->get_slug()];

    // if($nocolor){
    //   $class_term[] = 'attr-color-not-found';
    // }

    $class_term = ['order-product-attribute', 'order-product-attribute-type-text', 'attr-text', 'attr-' . $term->get_slug()];
    @endphp

    <div class="{{ implode(' ', $class_term) }}">
      @if($term_type == 'text')
      {{ $term->get_name() }}
      @endif

      @if($term_type == 'hex')
      <div style="background-color: {{ $color }};" data-bs-title="{{ $term->get_name() }}" data-bs-toggle="tooltip" data-bs-placement="right"></div>
      @endif

      @if($term_type == 'image')
      <div style="background-image: url('{{ $color }}');" data-bs-title="{{ $term->get_name() }}" data-bs-toggle="tooltip" data-bs-placement="right"></div>
      @endif
      
    </div>

    
    <div class="order-product-terms order-product-terms-{{$type}}">
      @php

      $term_type = 'text';

      $class_term = ['order-product-term', 'order-product-term-' . $term->get_slug()];
      $nocolor = false;

    //   if($type == 'color'){
    //     $term_type = 'color';
        
    //     $color = $term->get_color();
        
    //     if(!empty($color)){
    //       $term_type = $color->get_type();
    //     }

    //     $class_term[] = 'order-product-term-' . $term_type;

    //   }else{
        $class_term[] = 'order-product-term-text';
    //   }

    //   if($nocolor){
    //     $class_term[] = 'attr-color-not-found';
    //   }

    @endphp

    <div class="{{ implode(' ', $class_term) }}">

      <div class="order-product-term-quantity">
        {!! $term->get_quantity() !!}
      </div>
    </div>

    </div>
    <div class="order-product-total-quantity">
      {!! $variation->get_quantity() !!}
    </div>
    <div class="order-product-total">
      <div class="order-product-total-price">
        x {!! $product->get_price_html() !!}
      </div>
      <div class="order-product-total-amount">
        {!! $variation->get_amount_html(true) !!}
      </div>
    </div>

  </div>

@endforeach