{% if error_warning %}
  <div class="warning full-width">{{ error_warning }}</div>
{% endif %}
{% if success %}
  <div class="success full-width">{{ success }}</div>
{% endif %}
{% if histories %}
    {% for history in histories %}
      <div class="middle-xs background-white shadow-small hover:shadow-large bottom-margin-small">
        <div class="row no-space-xs middle-xs">
          <div class="col-xs-12">
            <div class="content-box flex">

              <div class="col-xs-8 col-md-10">
                <div class="content-box">
                  <span class="text-small text-dark" data-tooltip="{{ column_comment }}">{{ history.comment }}</span>
                </div>
              </div>
              <div class="col-xs-width-auto">
                <div class="content-box">
                  <span class="text-small text-gray">{{ history.date_added }}</span>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    {% endfor %}
{% else %}
  <div class="row no-space-xs">
    <div class="col-xs-12">
      <div
        class="content-box background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
        <span class="text-medium text-gray">{{ text_no_results }}</span>
      </div>
    </div>
{% endif %}
<div class="row top-margin-medium">
  <div class="col-xs-12">
    <div class="content-box">
      {{ pagination }}
    </div>
  </div>
</div>
