{% load humanize %}

<div class="summary-point text-center">
  <div class="summary-point-wrapper">
    {% with value=value|default_if_none:0 %}
      <div class="summary-point-number" title="{{ value|intcomma }}">{{ value|intcomma|truncatechars:13 }}</div>
    {% endwith %}
    <div class="summary-point-label">{{ label }}</div>
    {% if subheading %}
      <span class="summary-point-note">{{ subheading }}</span>
    {% endif %}
    {% if additional_value %}
      <span class="summary-point-addtional-value">{{ additional_value }}</span>
    {% endif %}
    {% if tooltip %}
      <div class="summary-point-help">
        <span class="sr-only">{{ tooltip }}</span>
        <i data-toggle="tooltip" data-placement="top" title="{{ tooltip }}"
           data-track-event="edx.bi.tooltip.displayed"
           data-track-title="{{ label }}"
           data-track-category="summary"
           class="ico ico-tooltip fa fa-info-circle has-tooltip"></i>
      </div>
    {% endif %}
  </div>
</div>
