{% import 'admin-bar/_plugin-widgets-macros' as pluginWidgets %}

{% if entry ?? false %}
  {% set seoField = getSeoField(widgetConfig.handle) %}

  {% if seoField ?? false %}
    {% set fb = seoField.social.facebook -%}

    {% set meta = {
      canonical: craft.app.request.isActionRequest ? entry.url : seoField.canonical ?? null,
      description: seoField.description ?? null,
      extrasList: [],
      imageAlt: null,
      imageUrl: craft.seo.facebookImage(fb.image) ?? null,
      title: seoField.title ?? null,
    } %}
  {% endif %}

  <admin-bar-button class="admin-bar-widget" style="--admin-bar-icon-width: 1.1rem">
    {{ svg('@ether/seo/icon-mask.svg')|attr({ class: 'icon', slot: 'before-label' }) }}
    {{ pluginWidgets.widgetBadgeAndLabel(null, widgets[pluginHandle].name, displayWidgetLabels) }}
    <div slot="popover">
      {% if meta ?? false %}
        {{ pluginWidgets.seoMeta(meta) }}
      {% else %}
        <admin-bar-text>{{ 'widget-seo-missing-seo-field'|t('admin-bar', language = userLanguage) }}</admin-bar-text>
      {% endif %}
    </div>
  </admin-bar-button>
{% endif %}