@php use App\Classes\Prefs; @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->elementUri($current_page);

  $button_color_set = App\Models\Page::convertColorSet(Prefs::$web_color_sets['primary_primary'], $page->effective_color_profile, $page)

@endphp

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

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

<h5 class="mnm-item_thumbnail-price">
  @if($item->different_variant_prices)
    <div class="mnm-item_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-background-{{$button_color_set['background']}}
            mnm-text-color-{{$button_color_set['text']}}
            mnm-headings-color-{{$button_color_set['headings']}}
            mnm-links-color-{{$button_color_set['links']}}
            mnm-border-color-{{$button_color_set['borders']}}
            mnm-element-margins-xs">
  <div class="mnm-element-container">
    <span class="icon-shopping-bag"></span>
    {{ __('common.details') }}
  </div>
</div>

<div class="mnm-item_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="{{$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