{% if config.fidelity_category %}
  {{ category }}
{% endif %}
{% if config.fidelity_range %}
  <span class="ftr-chip ftr-out-space--r-m ftr-js-swipe-content-display ftr-js-fidelitypoints">{{ text_pontos }}</span>
  <div class="ftr-swipe-content ftr-js-swipe-content">
    <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">{{ text_pontos }}</span>
      </div>
    </div>
    <div class="ftr-swipe-content__main ftr-swipe-content__main--with-btn ftr-in-space--v-n">
      {% for key, range in ranges %}
        {% if key == false %}
          <input class="ftr-check ftr-js-fidelitypoints__input" id="chkrange-{{ key }}" type="checkbox" name="chkrange[{{ key }}]" value="{{ range.value }}" {{ (range.checked is defined and chkrange.checked) ? 'checked' : '' }}>
          <label class="ftr-check-label ftr-block" for="chkrange-{{ key }}">
            <span class="ftr-check-label__text">até {{ range.maximo }}</span>
          </label>
        {% else %}
          <input class="ftr-check ftr-js-fidelitypoints__input" id="chkrange-{{ key }}" type="checkbox" name="chkrange[{{ key }}]" value="{{ range.value }}" {{ (range.checked is defined and chkrange.checked) ? 'checked' : '' }}>
          <label class="ftr-check-label ftr-block" for="chkrange-{{ key }}">
            <span class="ftr-check-label__text">{{ range.minimo }} a {{ range.maximo }}</span>
          </label>
        {% endif %}
      {% endfor %}
    </div>
    <div class="ftr-swipe-content__btn ftr-js-close">
      <button type="button" class="ftr-btn ftr-h--full ftr-background--primary ftr-js-ripple-effect ftr-js-fidelitypoints__button">
        Aplicar
      </button>
    </div>
  </div>
{% endif %}
