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

@foreach ( $variations as $variation )
    
  @php

    $main_attribute = $variation->get_attributes();
    $main_term = $main_attribute->get_term();
    $main_type = $main_attribute->get_type();
    $attribute = $variation->get_attributes()->get_subterms();
    $type = $attribute->get_type();
    $terms = $attribute->get_terms();
    
  @endphp
  
  <div class="order-product-variation order-product-variation-multiple order-product-variation-{{ $product->get_id() . '_' . $main_attribute->get_id() }} ">

    @php
    $main_term_type = 'text';
    
    $nocolor = false;

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

    // }

    // $class_main_term = ['order-product-attribute', 'order-product-attribute-type-' . $main_type, 'attr-' . $main_term_type, 'attr-' . $main_term->get_slug()];

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

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

    <div class="{{ implode(' ', $class_main_term) }}">
      @if($main_term_type == 'text')
      {{ $main_term->get_name() }}
      @endif

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

      @if($main_term_type == 'image')
      <div style="background-image: url('{{ $color }}');" data-bs-title="{{ $main_term->get_name() }}" data-bs-toggle="tooltip" data-bs-placement="right"></div>
      @endif
      
    </div>
    
    {{-- <div class="order-product-terms order-product-terms-{{$type}}"> --}}
    <div class="order-product-terms order-product-terms-text">
      @foreach ($terms as $term)

        @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();
        //     $color = $color->get_color();
        //   }else{
        //     $nocolor = true;
        //     $color = '';
        //   }

        //   $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) }}">


        {{-- @if($type == 'color')

          @if($term_type == 'hex')
          <div class="order-product-term-label" id="order-term-{{ $product->get_id() . '_' . $variation->get_id($term) }}" style="background-color: {{ $color }}" data-bs-title="{{ $term->get_name() }}" data-bs-toggle="tooltip" data-bs-placement="top"></div>
          @endif
    
          @if($term_type == 'image')
          <div class="order-product-term-label" id="order-term-{{ $product->get_id() . '_' . $variation->get_id($term) }}" style="background-image: url('{{ $color }}');" data-bs-title="{{ $term->get_name() }}" data-bs-toggle="tooltip" data-bs-placement="top"></div>
          @endif

        @else
        <div class="order-product-term-label" id="order-term-{{ $product->get_id() . '_' . $variation->get_id($term) }}">{{ $term->get_name() }}</div>
        @endif --}}

        <div class="order-product-term-label" id="order-term-{{ $product->get_id() . '_' . $variation->get_id($term) }}">{{ $term->get_name() }}</div>

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

    </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