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

  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');

  // če element, njegov starš ali stari starš predstavlja povezavo na stran, moramo prikazati tudi gumb, ki odpre tako stran (ker v načinu urejanja URL-ji ne delujejo)
  $uri = $page->elementUri($current_page, true);
  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');

  $resize_horizontal = in_array(\App\Classes\Prefs::$web_page_element_types[$page->element_type_key]['resize'] ?? null, ['horizontal', 'both']);
  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');
  if($resize_horizontal
      and (\App\Classes\Prefs::$web_properties['width']['exclude_element_types'] ?? null)
      and (in_array($page->element_type_key, \App\Classes\Prefs::$web_properties['width']['exclude_element_types'])
            or in_array($page->parent?->element_type_key.'.'.$page->element_type_key, \App\Classes\Prefs::$web_properties['width']['exclude_element_types'])
            or in_array($page->parent?->parent?->element_type_key.'.'.$page->parent?->element_type_key.'.'.$page->element_type_key, \App\Classes\Prefs::$web_properties['width']['exclude_element_types'])
          )) {
    $resize_horizontal = false;
  }
  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');

  $resize_vertical = in_array(\App\Classes\Prefs::$web_page_element_types[$page->element_type_key]['resize'] ?? null, ['vertical', 'both']);
  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');
  if($resize_vertical and \App\Classes\Prefs::$web_properties['height']['exclude_element_types'] ?? null and
          (in_array($page->element_type_key, \App\Classes\Prefs::$web_properties['height']['exclude_element_types'])
            or in_array($page->parent?->element_type_key.'.'.$page->element_type_key, \App\Classes\Prefs::$web_properties['height']['exclude_element_types'])
            or in_array($page->parent?->parent?->element_type_key.'.'.$page->parent?->element_type_key.'.'.$page->element_type_key, \App\Classes\Prefs::$web_properties['height']['exclude_element_types'])
          )) {
    $resize_vertical = false;
  }
  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');

  if(str_contains($page->element_type_key, 'block')) {
    $select_parent_label = null;
  } else {
    $select_parent_label = __null('edit.select_parent');
    if(__null('tables.pages.element_type.'.$page->parent?->element_type_key.'.label')) {
      $select_parent_label .= ': '.__null('tables.pages.element_type.'.$page->parent?->element_type_key.'.label');
    }
  }
  \App\Http\Middleware\MonimaTiming::mark('edit_element.blade');

@endphp
@php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp

@if(\App\Classes\Prefs::$web_edit_mode and !($bound_copy_descendant ?? null))
  <div class="mnm-edit-buttons-holder">

    {{-- opis izbranega elementa nad gumbi, da uporabnik razume, kateri element je izbral; NE, NE IZGLEDA DOBRO --}}
    {{--<div class="mnm-edit-buttons-title">{{__('tables.pages.element_type.'.$page->element_type_key.'.label')}}</div>--}}
    @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp

    {{-- vrstica z gumbi samimim --}}
    <div class="mnm-edit-buttons">
      {{-- nastavitve elementa --}}
      <button class="mnm-edit-button"
              tabindex="-1"
              title="{{__null('edit.edit_element')}}{{__null('tables.pages.element_type.'.$page->element_type_key.'.label') ? ': '.__null('tables.pages.element_type.'.$page->element_type_key.'.label') : ''}}"
              onclick="appInstance.$refs.editToolbar.showEditDialog(event, {{$page->id}}, '{{$section}}');"
      ><span class="icon-settings"></span></button>
      @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp

      {{-- označitev parenta (če obstaja) --}}
      @if($select_parent_label)
        <button class="mnm-edit-button"
                tabindex="-1"
                title="{{$select_parent_label}}"
                onclick="appInstance.$refs.editToolbar.selectParentElement(event, this.parentNode?.parentNode?.parentNode?.parentNode?.parentNode)"
        ><span class="icon-mouse-pointer"></span></button>
      @endif
      @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp

      {{-- handle za premikanje elementa; aboslutno pozicionirani elementi se ne smejo dati premikati --}}
      @if(/*$page->valid_siblings_count > 0 and */ !preg_match('/position\s*:\s*absolute\s*;/i', $page->css ?? ''))
        <button class="mnm-edit-button mnm-edit-move-handle" tabindex="-1" title="{{__('common.drag_to_move')}}" onclick="event?.stopPropagation();">
          <span class="icon-move"></span>
        </button>
      @endif

      {{-- gumb za urejanje besedila (ni potreben, ker tiny deluje na klik v besedilu, je pa dober za intuicijo pri urejanju --}}
      @if(($page->element_type_key == 'text' or (\App\Classes\Prefs::$web_page_element_types[$page->element_type_key]['blade'] ?? null) == 'text') and $page->is_page != \App\Classes\Prefs::$web_page_is_page['bound_copy']['id'])
        <button class="mnm-edit-button mnm-edit-tiny" tabindex="-1" title="{{__('edit.edit_text')}}" onclick="appInstance.$refs.editToolbar.editElementText(event)">
          <span class="icon-edit-text"></span>
        </button>
      @endif

      @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp
      {{-- ikona, če je element prikazan samo v določenem obdobju, pa je to potrebno poudariti --}}
      @if(in_array($page->status, [\App\Classes\Prefs::$web_page_statuses['shown_between'], \App\Classes\Prefs::$web_page_statuses['hidden']]))
        @php
          if($page->status == \App\Classes\Prefs::$web_page_statuses['shown_between']) {
            $icon_class = 'clock';
            $time_range_info = \App\Classes\Utilities::timeRangeInfo($page->shown_from, $page->shown_to, true);
            if($time_range_info['position'] == 'present') {
              $background_class = 'mnm-background-green';
            } else if($time_range_info['position'] == 'past') {
              $background_class = 'mnm-background-red';
            } else if($time_range_info['position'] == 'invalid') {
              $icon_class = 'warning';
              $background_class = 'mnm-background-red';
            } else {
              $background_class = 'mnm-background-orange';
            }
            $title = __('edit.element_shown.'.$time_range_info['position'].'.title');
            $popup = 'edit.element_shown.'.$time_range_info['position'];
          } else if($page->status == \App\Classes\Prefs::$web_page_statuses['hidden']) {
            $icon_class = 'hide';
            $background_class = 'mnm-background-red';
            $title = __('edit.element_shown.hidden.title');
            $popup = 'edit.element_shown.hidden';
          }
        @endphp
        <button class="mnm-edit-button {{$background_class ?? ''}}"
                tabindex="-1"
                title="{{$title}}"
                {{--onclick="appInstance.$refs.editToolbar.editElementShownPopup(event, __('{{$popup}}'), {{$page->id}}, '{{$section}}');"--}}
                onclick="appInstance.$refs.editToolbar.showEditDialog(event, {{$page->id}}, '{{$section}}', 'element', 'status');"
        ><span class="icon-{{$icon_class}}"></span></button>
      @endif
      @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp

      {{-- ikona, če je element skrit na določenih napravah --}}
      @if($page->hide_on > 0)
        @php
          $hidden_on_key = \App\Classes\Utilities::multiFindKey(\App\Classes\Prefs::$web_page_hide_ons, 'id', $page->hide_on);
          if($hidden_on_key == 'mobile_and_tablet') {
            $icon_class = 'mobile-devices';
          } else if($hidden_on_key == 'desktop_and_tablet') {
            $icon_class = 'desktop';
          } else {
            $icon_class = $hidden_on_key;
          }
          $title = __('edit.hidden_on.'.$hidden_on_key.'.title');
          $popup = 'edit.hidden_on.'.$hidden_on_key;
        @endphp
        <button class="mnm-edit-button mnm-background-red" tabindex="-1" title="{{$title}}" onclick="popup(__('{{$popup}}'));"><span class="icon-{{$icon_class}}"></span></button>
      @endif
      @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp

      {{-- sledi povezavi - ker kliki na povezavah v načinu urejanja ne delujejo, naredimo za to poseben gumb --}}
      @if($uri['address'])
        <button class="mnm-edit-button"
                tabindex="-1"
                title="{{__('edit.simulate_click')}}"
                onclick="@if($uri['run_function']) appInstance.{{ $uri['run_function'].'(event)' }} @else mnm.followLink('{{$uri['address']}}', '{{$uri['target']}}', true, event) @endif"
        ><span class="icon-pointer"></span></button>
      @endif

      {{-- ikona, če je element vezana kopija nekega drugega elementa: da lahko direktno pridejo do tega elementa --}}
      @if($page->is_bound_copy)
        <button class="mnm-edit-button mnm-background-orange"
                tabindex="-1"
                title="{{__('edit.bound_copy.is', ['original_id' => $page->original_id]).LF.__('edit.bound_copy.goto')}}"
                onclick="mnm.followLink('{{$page->original_page_uri_address}}', undefined, true, event)"
        ><span class="icon-linked"></span></button>
      @endif

      {{-- gumb za dodajanje novega elementa PRED ta element (da lahko vstavijo tudi brez miške) --}}
      <button class="mnm-edit-button"
              tabindex="-1"
              title="{{__('edit.insert_element_before')}}"
              onclick="appInstance.$refs.editToolbar.showEditInsertElementDialog(event, {{$page->parent_id}}, 'this', 'same_as_next', '{{$section}}');"
      ><span class="icon-arrow-up-left"></span></button>

      {{-- gumb za dodajanje novega elementa ZA ta element (da lahko vstavijo tudi brez miške) --}}
      <button class="mnm-edit-button mnm-edit-insert-after-button"
              tabindex="-1"
              title="{{__('edit.insert_element_after')}}"
              onclick="appInstance.$refs.editToolbar.showEditInsertElementDialog(event, {{$page->parent_id}}, 'next', 'same_as_previous', '{{$section}}');"
      ><span class="icon-arrow-down-right"></span></button>

    </div>

  </div>

  {{-- resize elementa; handlerji za to so v EditToolbar.vue --}}
  @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp
  @if($resize_horizontal)
    <div @class(['mnm-edit-resize-holder', 'mnm-edit-resize-horizontal', 'mnm-edit-resize-set' => $page->width])
         title="{{__('edit.drag_to_resize')}}@if($page->valid_applicable_siblings_count > 0) {{"\n".__('edit.hold_ctrl_for_siblings')}} @endif"
    ></div>
  @endif
  @php \App\Http\Middleware\MonimaTiming::mark('edit_element.blade'); @endphp
  @if($resize_vertical)
    <div @class(['mnm-edit-resize-holder', 'mnm-edit-resize-vertical', 'mnm-edit-resize-set' => $page->height]) title="{{__('edit.drag_to_resize')}}"></div>
  @endif

@endif