{% if el.promo_code_text or el.bottom_text %}
  <div class="promo-message">

    {% if el.promo_code_text %}
      <div class="promotional-code form-group form-group-inline">
        <label for="promo-code">
          <a href="#">{{ el.promo_code_text }} <i class="fas fa-plus-circle" aria-hidden="true"></i></a>
        </label>
        <input type="text"
               id="promo-code"
               class="form-control form-text"
               name="PROMOTION_CODE"
               placeholder="{{ el.promo_code_placeholder }}"
               style="display: none;"
        >
      </div>
    {% endif %}

    {% if el.bottom_text %}
      <div class="message">
        <p class="bottom-text">{{ el.bottom_text|raw }}</p>
      </div>
    {% endif %}

  </div>
{% endif %}
