@php

  // blade za elemente, ki vsebujejo samo besedilo, npr. text, title, page_title, summary, cta_button, more_link
  // vsi ti elementi dobijo tiny editor, ki je za določene tipe dokumentov morda omejen (npr. v cta_button ne moreš izbrati slogov h2, h3, ...)

  /** @var App\Models\Page $page */

  // $mode je lahko 'html', 'plain' ali 'readonly'
  use App\Models\Page;$mode = $mode ?? 'html';
  $element_type = $page->element_type_key;
  $content_page = $content_page ?? $page;
  if($content_page->is_page == App\Classes\Prefs::$web_page_is_page['yes']['id']) {
    // zahtevali smo vsebino elementa, ki normalno nima vsebine, in je stran - vsebina naj bo naslov strani
    $content_type = $content_page->element_type_key;
  }
  $content_type = $content_page->element_type_key;

  $style = ''; // potrebujemo, če je $context == 'mail'
  $tag = 'div';
  if($element_type == 'page_title') {
    $tag = 'h1';
    if($context == 'mail') {
      $style = 'line-height: 1.3em; margin: 0; width: 100%;font-size: 2.50em;';
      if(App\Classes\Site::KarpoSi()) { $style.= 'font-weight: 600; font-size: 3.0em;'; }
    }
  } else if($element_type == 'title') {
    $tag = 'h2';
    if($context == 'mail') {
      $style = 'line-height: 1.3em; margin: 0; width: 100%;font-size: 1.80em;';
      if(App\Classes\Site::KarpoSi()) { $style.= 'font-weight: 600; font-size: 2.2em;'; }
    }
  } else if($element_type == 'subtitle') {
    $tag = 'h3';
    if($context == 'mail') {
      $style = 'line-height: 1.3em; margin: 0; width: 100%;font-size: 1.60em;';
      if(App\Classes\Site::KarpoSi()) { $style.= 'font-weight: 600; font-size: 1.8em;'; }
    }
  } else if($element_type == 'subsubtitle') {
    $tag = 'h4';
    if($context == 'mail') {
      $style = 'line-height: 1.3em; margin: 0; width: 100%;font-size: 1.45em;';
      if(App\Classes\Site::KarpoSi()) { $style.= 'font-weight: 600; font-size: 1.2em;'; }
    }
  } else if($element_type == 'more_link') {
    $tag = 'h6';
  }

  if($page->is_bound_copy) {
    if($page->original_page->is_page == App\Classes\Prefs::$web_page_is_page['yes']['id']) {
      // besedilo je vezano na stran, torej v bistvu na naslov strani (ker ni nujno, da je na strani dejanski element z naslovom)
      $converted_content = $page->original_page->getContent('page_title', $mode, convert: true);
      $unconverted_content = $page->original_page->getContent('page_title', $mode, convert: false);
      $page_id = $page->original_page->id;
    } else {
      $converted_content = $page->original_page->getContent($page->original_page->element_type_key, $mode);
      $unconverted_content = $page->original_page->getContent($page->original_page->element_type_key, $mode, convert: true);
      $page_id = $page->original_page->id;
    }
  } else if($element_type == 'page_title') {
    /** @var App\Models\Page $current_page */
    $converted_content = $current_page->getContent($content_type, $mode, convert: true);
    $unconverted_content = $current_page->getContent($content_type, $mode, convert: false);
    $page_id = $current_page->id;
    if(is_null($converted_content)) {
      $converted_content = $page->getContent('title', $mode, convert: true);
      $unconverted_content = $page->getContent('title', $mode, convert: false);
      $content_type = 'title';
    }
  } else if($element_type == 'item_description') {
    /** @var Page $item_page */
    $item_page = $page->getEffectiveValue('item_id')['source_record'];
    $page_id = $item_page->id;
    $converted_content = $item_page->item?->getContent($content_type, $mode, convert: true);
    if($converted_content) {
      $unconverted_content = $item_page->item?->getContent($content_type, $mode, convert: false);
    } else {
      $converted_content = $item_page->item?->variant_parent?->getContent($content_type, $mode, convert: true);
      $unconverted_content = $item_page->item?->variant_parent?->getContent($content_type, $mode, convert: false);
    }
  } else {
    $converted_content = $content_page->getContent(type: $content_type, mode: $mode, convert: true);
    $unconverted_content = $content_page->getContent(type: $content_type, mode: $mode, convert: false);
    $page_id = $page->id;
  }

  // določimo še inline style v primeru, da delamo mail
  if(($context ?? null) == 'mail') {
    if($classes['element_styles']['a'] ?? null) {
      $converted_content = str_replace('<a style="', '<a style="'.$classes['element_styles']['a'], $converted_content);
      $converted_content = str_replace('<a ', '<a style="'.$classes['element_styles']['a'].'" ', $converted_content);
      $unconverted_content = str_replace('<a style="', '<a style="'.$classes['element_styles']['a'], $unconverted_content);
      $unconverted_content = str_replace('<a ', '<a style="'.$classes['element_styles']['a'].'" ', $unconverted_content);
    }
  }

@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_type == 'cta_button' && */ $page->icon_class)
  <span class="mnm-element-icon icon-{{$page->icon_class}}"></span>
@elseif($element_type == 'testimonial')
  <span class="icon-quotes-left"></span>
@endif

{{-- element za edit mode - če sploh smo v edit_mode --}}
<{{$tag}} class="{{ ($mode == 'html' and empty($bound_copy_descendant)) ? 'mnm-edit-inline' : '' }}"
data-table-name="pages"
data-table-id="{{$page_id}}"
data-element_type="{{$element_type ?? ''}}"
data-content_type="{{$content_type ?? ''}}"
data-section="{{$section ?? ''}}"
style="{{ $style }}"
>
{!! $unconverted_content ?? null !!}
</{{$tag}}>

{{-- element za non-edit mode --}}
<{{$tag}} class="{{ ($mode == 'html' and empty($bound_copy_descendant)) ? 'mnm-non-edit-inline' : '' }}"
style="{{ $style }}"
>
{!! $converted_content ?? null !!}
</{{$tag}}>

@if($element_type == 'testimonial')
  <span class="icon-quotes-right"></span>
@endif