{% load humanize %}

{% if sitefundgoal.days_remaining >= -7 %}{# i.e. 7 days over completion #}
  <div class="fundraiser-top-text ph3 pt2 pb3 mb2 mb3-ns">
    <div class="mw8 center ph2 ph4-ns">
      <div class="mt2 mb3 tc">
        {% if sitefundgoal.days_remaining >= 0 %}
          {% if sitefundgoal.match_remaining <= 0 %}
            Thanks to so many donors, we earned our full match!
            Help us go further to stand up for software freedom &mdash; <a href="/sustainer">sign up now</a>!
          {% else %}
            {% if sitefundgoal.days_remaining == 0 %}
              For the next {{ sitefundgoal.hours_remaining }} hour{{ sitefundgoal.hours_remaining|pluralize }} <strong>only</strong>, the
            {% elif sitefundgoal.days_remaining == 1 %}
              Help us reach our goal of <b>$409,774</b> this season to keep SFC going.  Through tomorrow only, the
            {% elif sitefundgoal.days_remaining < 14 %}
              Help us reach our goal of <b>$409,774</b> this season to keep SFC going.  For only {{ sitefundgoal.days_remaining }} more days, the
            {% else %}
              Help us reach our goal of <b>$409,774</b> this season to keep SFC going.  Until January 15, the
            {% endif %}
            next <b>${{ sitefundgoal.match_remaining|floatformat:0|intcomma }}</b> of <a href="/sustainer/">support we receive</a> will be matched!
          {% endif %}
        {% else %}
          Thank you so much to all our donors who participated in our donation match challenge!  Here are the results:
        {% endif %}
      </div>

      <a href="/sustainer/" style="text-decoration: none !important">
        <div id="siteprogressbar" class="flex items-stretch w-100">
          {% if sitefundgoal.match_remaining <= 0 %}
            <div class="progress matched ph1 pv1 b flex items-center" style="flex-basis: {{ sitefundgoal.fundraiser_so_far_amount }}px">
              <span id="site-fundraiser-match-count" class="soFarText tc w-100 ph1">${{ sitefundgoal.fundraiser_goal_amount|floatformat:0|intcomma }} fully matched!</span>
            </div>
            <div class="progress exceeded pv1 b flex items-center" style="flex-basis: {{ sitefundgoal.match_exceeded_by }}px">
              <span id="site-fundraiser-match-count" class="soFarText tc w-100 exceeded ph1">${{sitefundgoal.match_exceeded_by|floatformat:0|intcomma }} additional<br> raised!<br></span>
            </div>
          {% else %}
            <div class="progress ph1 pv1 b flex items-center" style="flex-basis: {{ sitefundgoal.fundraiser_so_far_amount }}px">
              <span id="site-fundraiser-match-count" class="soFarText tc w-100">${{ sitefundgoal.fundraiser_so_far_amount|floatformat:0|intcomma }} matched!</span>
            </div>
            <div class="final-goal pv1 b flex items-center" style="flex-basis: {{ sitefundgoal.match_remaining }}px">
              <span id="site-fundraiser-final-goal" class="goalText tc w-100 ph1">${{ sitefundgoal.match_remaining|floatformat:0|intcomma }} to go!</span>
            </div>
          {% endif %}
        </div>
      </a>
    </div>
  </div>
{% endif %}