{% comment %}
  Meta Badge Block
  Displays product badges from metafields
{% endcomment %}
{% if block.settings.show_meta_badge %}
  <div class="meta_badge_wrapper">
  {% assign meta_badges = product.metafields.product.badges.value %}
  {% if block.settings.type == 'below_price' %}
    {% assign price_badges = meta_badges | where: 'position', 'Below price' %}
    {% for badge in price_badges %}
      {% if badge.text != blank or badge.icon != blank %}
        <span class="badge{% if badge.icon != blank %} image-badge{% endif %}"{% if badge.text_color != blank or badge.background != blank %} style="--color-foreground: {{ badge.text_color }}; --color-badge-background: {{ badge.background }}"{% endif %}>
        {% if badge.icon != blank  %}
            {{ badge.icon | image_url: width: badge.icon.width | image_tag: alt: 'image-badge' }}
        {% else %}
            {{ badge.text }}
        {% endif %}
        </span>
      {% endif %}
    {% endfor %}
  {% else %}
    {% for badge in meta_badges %}
      {% unless badge.position == 'Below price' %}
        {% if badge.text != blank or badge.icon != blank %}
          <span class="badge{% if badge.icon != blank %} image-badge{% endif %}"{% if badge.text_color != blank or badge.background != blank %} style="--color-foreground: {{ badge.text_color }}; --color-badge-background: {{ badge.background }}"{% endif %}>
            {% if badge.icon != blank  %}
              {{ badge.icon | image_url: width: badge.icon.width | image_tag: alt: 'image-badge' }}
            {% elsif badge.text  %}
              {{ badge.text }}
            {% endif %}
          </span>
        {% endif %}
      {% endunless %}
    {% endfor %}
  {% endif %}
  </div>
{% endif %}