Template source: listing/_current_bid_details.html

{% load i18n %}
{% load price_display %}
{% load currency %}
{% load dates %}
{% load flatpages %}

      <section class="item_bid-current-bid">
          {% if listing.is_active %}
            <span id="current-bid-text" class="bold text-center uppercase" {% if not high_bid_amount %}style="display:none;"{% endif %}>{% trans "Current Bid" %}</span>
            <span id="first-to-bid-text" class="bold text-center uppercase" {% if high_bid_amount %}style="display:none;"{% endif %}>{% trans "Be the first to bid" %}</span>
          {% else %}
            {% if listing.is_paused %}
                <span class="bold text-cente uppercase">{% trans "Bidding Paused" %}</span>
            {% elif not listing.is_effective %}
                {# listing has not yet started! #}
                <span class="bold text-center green-text uppercase">{% blocktrans with time=listing.effective_at|timeuntil_less %}
                 Bidding starts in {{ time }} at:{% endblocktrans %}</span>
            {% else %}
                {% if high_bid_amount %}
                    <span class="bold text-cente uppercase">{% trans "Winning Bid" %}</span>
                {% else %}
                    <span class="bold text-center uppercase">{% trans "Bidding has closed" %}</span>
                {% endif %}
            {% endif %}
          {% endif %}

          <span id="item_bid_high_bidder_username" class="green-text" {% if not high_bid_user %}style="display:none;"{% endif %}>{% blocktrans with username=high_bid_user.username %}by <span id="high_bidder_username">{{ username }}</span>{% endblocktrans %}</span>

          <h2 class="appendtop-0 appendbottom-10 appendtop-0 light" id="item_bid_current" {% if not high_bid %}style="display:none;"{% endif %}>
            {{ high_bid_amount|currency }}
          </h2>
          <h2 class="appendtop-0 appendbottom-10 appendtop-0 light" id="item_bid_start" {% if high_bid %}style="display:none;"{% endif %}>
            {# don't show the start price if the item has already expired! #}
            {% if not listing.is_expired %}
              {{ bid_start|currency }}
            {% endif %}
          </h2>
      </section>

      <section class="item_bid-your-bid" {% if not bid_your_bid %}style="display:none"{% endif %}>
        <span class="bold text-center uppercase">{% trans "Your Last Bid" %}</span>
        <h5 class="appendtop-0 appendbottom-10" id="item_bid_your_bid">
            {{ bid_your_bid.amount|currency }}
        </h5>
      </section>
      <section class="item_bid-your-proxy-bid" {% if not bid_your_proxy_bid %}style="display:none"{% endif %}>
        <span class="bold text-center uppercase">{% trans "Your Proxy Bid" %}</span>
        <h5 class="appendtop-0 appendbottom-10" id="item_bid_your_proxy_bid">
            {{ bid_your_proxy_bid.max|currency }}
        </h5>
      </section>
      <section class="time-remaining appendbottom-15">
        {% if listing.auctionlisting.is_closed %}
        <span class="bold text-center uppercase">{% trans "Closed" %}</span>
        {% else %}
          <span class="bold text-center uppercase">{% trans "Time Left" %}</span>
          <h5 class="appendtop-0 appendbottom-10 small" id="time_left" data-end_date="{{ utc_expires_at }}">{{ listing.expires_at|timeuntil_less }}</h5>
          {% if listing.auctionlisting.extended %}
            <span class="bold text-center uppercase green-text">{% trans "Time Extended" %}</span>
            {% get_flatpages '/popover/extended/' as extended_popover %}
            {% if extended_popover %}
            <i class="ss-help ss-dark-grey ss-large" style="vertical-align: top;"
              rel="popover"
              data-title="<span class='h4'><i class='ss-help ss-dark-grey ss-large'></i> {{ extended_popover.0.title|escape }}</span><a href='javascript:;' onclick='$(&quot;[rel=popover]&quot;).popover(&quot;hide&quot;);' class='close'><i class='ss-delete ss-dark-grey'></i></a>"
              data-content="{{ extended_popover.0.content|escape }}"
              data-html="true"
              data-placement="bottom"></i>
            {% endif %}
          {% endif %}
        {% endif %}
      </section>