@php use App\Classes\Site; @endphp
@php /** @var \App\Models\Page $page */ @endphp
@php

  if(is_array($page->element_images)) {
    $element_image = $page->element_images[0] ?? null;
  } else {
    $element_image = $page->element_images->first();
  }

  $spotlight_class = $page->parent?->element_type == App\Classes\Prefs::$web_page_element_types['gallery']['id'] ? 'spotlight' : '';

  $stand_alone = !in_array($page->parent?->element_type_key, ['gallery', 'wide_block']);
@endphp
{{-- komentar za lažje urejanje v Developer Tools - takoj za @endphp --}}
@if(!empty(App\Classes\Prefs::$web_edit_mode) or App::isLocal())
  <!-- @filename | @include('www.vars') -->
@endif

@if(($element_image['pivot']['caption'] ?? null) and ($context ?? null) != 'mail' and $stand_alone)
  <figure>
    <img class="{{$spotlight_class}}"
         src="{{$element_image['uri'] ?? null}}"
         alt="{{$element_image['pivot']['caption'] ?? null}}"
    >
    <figcaption>{!! $element_image['pivot']['caption'] !!}</figcaption>
  </figure>
@else
  @if(($context ?? null) == 'mail' and $uri['address'])
    <a href="{{Site::uris()['www'].$uri['address']}}" class="mnm-element-link" target="{{$uri['target']}}">
  @endif

  {{-- $element_image je lahko tudi array, če delamo predogled urejanja, zato moramo uporabiti array sintakso --}}
  <img class="{{$spotlight_class}}"
       src="{{ (($context ?? null) == 'mail' ? App\Classes\Site::uris()['www'] : '').($element_image['uri'] ?? null)}}"
       alt="{{$element_image['alt'] ?? (($context ?? null) ? App\Classes\Site::uris()['www'] : '').($element_image['uri'] ?? null)}}"
       data-title="{{$element_image['pivot']['caption'] ?? $element_image['alt'] ?? $element_image['uri'] ?? null}}"
       @if(($context ?? null) == 'mail') style="width: 100%; height: auto;" @endif
  >

  @if(($context ?? null) == 'mail' and $uri['address'])
    </a>
  @endif
@endif