{% load humanize %}

{% load subtract %}

{% 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 %}

            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 %}

              Through tomorrow only, the

            {% elif sitefundgoal.days_remaining < 14 %}

              For only {{ sitefundgoal.days_remaining }} more days, the

            {% else %}

              Until January 15, the

            {% endif %}

            next ${{ sitefundgoal.match_remaining|floatformat:0|intcomma }} 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>