{# VARIABLES #}

{# TEMPLATE #}
<div{% if not floating_top %} class="row"{% endif %}>

  <div class="{% if not floating_top %}col-md-6 off-head-image mb-3 order-0 order-md-1{% else %}off-floating-image ms-sm-4 mb-3{% endif %}">
    {% if badge_position == 'image' %}
      {% include "@organisms/tm-off/offer-content/partials/offer-badge.twig" %}
    {% endif %}
    {% include "@atoms/html5/image/image.twig" with { "url": img_src, "alt": img_alt, "img_class": 'w-100' } only %}
  </div>

  {% if intro_text and main_text %}

    <div class="{% if not floating_top %}col-md-6 order-1 order-md-0 {% endif %}mb-3">
      {% if badge_position == 'content' %}
        {% include "@organisms/tm-off/offer-content/partials/offer-badge.twig" %}
      {% endif %}
      {% if offer_description %}
        <p>{{ offer_description|raw }}</p>
      {% endif %}
      <div class="off-head-intro mb-3">
        {{ intro_text|raw }}
      </div>
      {{ main_text|raw }}
    </div>

  {% elseif main_text %}
    <div class="{% if not floating_top %}col-md-6 mb-3 order-1 order-md-0{% endif %} mb-4" >
      {% if badge_position == 'content' %}
        {% include "@organisms/tm-off/offer-content/partials/offer-badge.twig" %}
      {% endif %}
      {% if offer_description %}
        <p>{{ offer_description|raw }}</p>
      {% endif %}
      {{ main_text|raw }}
    </div>
  {% endif %}

</div>
