@php use App\Classes\Prefs;use App\Classes\Utilities; @endphp
{{-- komentar za lažje urejanje v Developer Tools --}}
@if(!empty(App\Classes\Prefs::$web_edit_mode) or App::isLocal())
  <!-- @filename | @include('www.vars') -->
@endif
@php
  /** @var \App\Models\Page $page */

  $item = $page->item;
  $image = $item->item_images->first() ?? $item->variant_parent?->item_images->first();
  // $image = $item->item_images->first();

  // če element, njegov starš ali stari starš predstavlja povezavo na stran, moramo preko besedila napopati link (samo za določene tipe, npr. naslov, slika, ...)
  $uri = $page->element_uri;

  // $button_color_set = App\Models\Page::convertColorSet(Prefs::$web_color_sets['primary'], $page->effective_color_profile, $page)
  $color_profile = App\Classes\Utilities::multiFindRow(Prefs::$web_color_profiles, $page->effective_color_profile, false);

  // naloži ustrezen class profila
  $profile_key = $page->effective_color_profile_array['key'];
  $class_name = 'App\\Classes\\ColorProfiles\\'.ucfirst(Str::camel(str_replace('.', '_', $profile_key)));
  $color_profile = array_merge($color_profile, $class_name::$profile);

  // ugotovi color_set
  $button_color_set = App\Classes\Utilities::multiFindRow(App\Classes\Prefs::$web_color_sets, $page->effective_color_set);
  if(array_key_exists('cta_button_set', $button_color_set)) {
    $button_color_set = App\Classes\Prefs::$web_color_sets[$button_color_set['cta_button_set']];
  }
  $button_color_set = $class_name::getColorSet($button_color_set['id']);
  // $button_color_set = App\Classes\Utilities::multiFindRow($color_profile['color_sets']['light'], $page->effective_color_set, false);

@endphp

<div class="mnm-product_thumbnail-image" @if($image) style="background-image: url({{$image->uri}})" @endif>
  @if(!$image)
    <span class="icon-camera-off"></span>
  @endif
</div>

<div class="mnm-product_thumbnail-name">{{$item->name}}</div>

<h5 class="mnm-product_thumbnail-price">
  @if($item->different_variant_prices)
    <div class="mnm-product_thumbnail-price-from">{{__('common.from')}} </div>
  @endif
  {{App\Classes\Utilities::formatNumber($item->best_variant_price, App\Classes\Prefs::$web_shop_decimals['price_single'])}} {{App\Classes\Prefs::$web_currency['symbol']}}
</h5>

{{-- gumb Podrobnosti oz. Dodaj v košarico --}}
<div class="mnm-element mnm-cta_button
            mnm-direction-horizontal
            mnm-background
            mnm-element-margins-xs
            mnm-borders-xxs"
    style="--mnm-color-text: {{$button_color_set['text']}};
           --mnm-color-background: {{$button_color_set['background']}}; ">
  <div class="mnm-element-container">
    {{--<span class="icon-shopping-bag"></span>--}}
    <span class="mnm-element-icon material-symbols-rounded">shopping_bag</span>
    {{ __('common.details') }}
  </div>
</div>

<div class="mnm-product_thumbnail-spacer"></div> {{-- ta je samo zato, da je spodaj nekaj praznega prostora (gap), ki se da nastavljati z urejevalnikom --}}

@if($uri['address'] and ($context ?? null) != 'mail')
  <a href="{{App\Models\Content::convert($uri['address'])}}" class="mnm-element-link" target="{{$uri['target']}}"
     @if(($context ?? null) == 'mail') style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; {{$classes['element_styles']['a'] ?? null}};" @endif
  ></a>
@endif