<div class="ftr-in-space--l">
  <span class="ftr-text--m ftr-block ftr-text--dark">{{text_history}}</span>
  {% if history_process %}
    {% for process in history_process %}
      <div class="sale-process {{ process.statusType }} ftr-relative">
        <div class="ftr-product-card__content ftr-in-space--v-m">
          <div class="ftr-product-card__image">
            <div class="{{ process.statusClassColor }} ftr-inline {{ process.active ? 'sale-process-active' : '' }} icon-container ftr-relative">
              <i class="material-icons ftr-absolute-center-middle">{{ process.icon }}</i>
            </div>
          </div>
          <div class="ftr-product-card__info">
            {% if process.processo_observacao %}<div class="ftr-js-swipe-content-display">{% endif %}
              <span class="ftr-text--s ftr-text--dark">{{ process.processo_name }}</span>
              {% if process.data_hora_status %}
                <span class="ftr-text--s ftr-text--grey"> - {{ process.data_hora_status }}</span>
              {% endif %}
                <span class="ftr-text--s ftr-block ftr-text--grey">{{ process.processo_status_name }}</span>
              {% if process.processo_observacao %}<span class="ftr-text--primary ftr-text--s">Mais informações</span>{% endif %}
            {% if process.processo_observacao %}</div>{% endif %}
            {% if process.processo_observacao %}
              <div class="ftr-swipe-content ftr-js-swipe-content ftr-background--light">
                <div class="ftr-swipe-content__header ftr-grid">
                  <div>
                    <i class="material-icons ftr-js-close">&#xE5CD;</i>
                    <span class="ftr-text--s ftr-out-space--l-s">Mais informações</span>
                  </div>
                </div>
                <div class="ftr-swipe-content__main">
                  <span class="ftr-text--s ftr-text--grey">{{ process.processo_observacao }}</span>
                </div>
              </div>

            {% endif %}
          </div>
        </div>
      </div>
    {% endfor %}
  {% endif %}
</div>
