Template source: browse/_auction_profile_root.html

{% load i18n %}
{% load staticfiles %}
{% load html_whitelist %}
{% load get_setting %}
{% load time_format %}
{% load flatpages %}

{% block auction-info-banner %}
{% endblock %}


<div class="horizontal-profile extra-light-grey-background">
<div class="container">
  <div class="row-fluid">
    <div class="span12">
        <div class="row-fluid">
          <div class="span8">
            <h3 class="lato bold no-uppercase light">{{ auction.name }}</h3>
            {% if auction.vision_statement %}
            <p class="ellipsis base lineheight-14 medium-grey light">{{ auction.vision_statement }}</p>
            {% endif %}
            {% if auction.description %}
            <p class="ellipsis base lineheight-14 medium-grey light">{{ auction.description }}</p>
            {% endif %}
          </div>
          <div class="span3 offset1">
            <h4 class="uppercase small bold appendbottom-0">{% trans 'Start Date' %}</h4>
            <p class="light">{% format_localtime auction.starts_at as starts_at %}{{ starts_at }}</p>
            <h4 class="uppercase small bold appendbottom-0">{% trans 'End Date' %}</h4>
            <p class="light">{% format_localtime auction.ends_at as ends_at %}{{ ends_at }}</p>
            {% if auction.website_url %}
              <h4 class="uppercase small bold appendbottom-0">{% trans 'Website' %}</h4>
              <p>{{ auction.website_url|html_whitelist|safe }}</p>
            {% endif %}
            <div class="listing-details-block listing-contact">
              <a class="btn btn-green trigger-modal" data-width="700" data-title="{% trans 'Email' %}" data-href="{% url 'auction_contact_by_email' auction.id %}"><i class="ss-send"></i> {% trans "Contact Auction Owner" %}</a>
              {% if auction.user.stripe_authorized and auction.accept_donations %}
                <a {% if auction.is_active_and_started %}href="{% url 'auction.views.donate.donate_specific_auction' auction.id %}"{% endif %} class="appendtop-10 btn {% if auction.is_active_and_started %}btn-green{% else %}btn-grey{% endif %}">{% trans "Donate Now" %}</a>
                {% if not auction.is_active_and_started %}
                  {% get_flatpages '/popover/donate/' as donation_popover %}
                  <div class="appendleft-10 inline-block">
                    <i class="ss-help ss-dark-grey ss-large lowercase"
                        rel="popover"
                        data-title="<span><i class='ss-help'></i> {{ donation_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="{{ donation_popover.0.content|escape }}"
                        data-html="true"
                        data-placement="bottom">
                    </i>
                  </div>
                {% endif %}
              {% endif %}
            </div>
            {% if auction.facebook_url or auction.twitter_url or auction.pinterest_url or auction.instagram_url %}
              <h4 class="uppercase small bold appendbottom-0">{% trans 'Social' %}</h4>
              <p>
                {% if auction.facebook_url %}
                  <a target="_blank" rel="nofollow" href="{{ auction.facebook_url }}" class="inline-block appendleft-5"><i class="ss-facebook ss-social-regular"></i></a>
                {% endif %}
                {% if auction.twitter_url %}
                  <a target="_blank" rel="nofollow" href="{{ auction.twitter_url }}" class="inline-block appendleft-5"><i class="ss-twitter ss-social-regular"></i></a>
                {% endif %}
                {% if auction.pinterest_url %}
                  <a target="_blank" rel="nofollow" href="{{ auction.pinterest_url }}" class="inline-block appendleft-5"><i class="ss-pinterest ss-social-regular"></i></a>
                {% endif %}
                {% if auction.instagram_url %}
                  <a target="_blank" rel="nofollow" href="{{ auction.instagram_url }}" class="inline-block appendleft-5"><i class="ss-instagram ss-social-regular"></i></a>
                {% endif %}
              </p>
            {% endif %}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>