{{ header }}
<section
  class="ftr-card ftr-in-space--xl"
  id="pagesuccess"
{% if transaction and transactionItens %}
data-info='{"tsOrderDetails": {{ data|json_encode(transaction) }}, "tsorderProducts": {{ data|json_encode(transactionItens) }} }'
{% endif %}
>
  {{ breadcrumbs }}
    <h2 class="ftr-block ftr-text--l">{{ heading_title }}</h2>
  {% if content_top %}
    {{ content_top }}
  {% endif %}
      <span class="ftr-text--s ftr-in-space--t-xl ftr-in-space--b-xl ftr-block">{{ text_message }}</span>
      <a href="{{ continue }}" class="ftr-btn ftr-background--primary ftr-block ftr-js-ripple-effect">
        <span>{{ button_continue }}</span>
      </a>
    {% if column_right %}
      {{ column_right }}
    {% endif %}
  {% if content_bottom %}
    {{ content_bottom }}
  {% endif %}
</section>
{{ footer }}
