<a href="#" class="bp-lot">
    <div class="bp-lot__wrp-image">
        {% if i == 2 %}
        <span class="bp__wishlist bp__wishlist-active"></span>
        {% else %}
        <span class="bp__wishlist"></span>
        {% endif %}
        <div class="bp-lot__image">
            <img src="/img/p0{{ i }}.jpg" alt="">
        </div>
    </div>
    <div class="bp-lot__content">
        <div class="bp-lot__title">
            <p><span class="bp-title">Lot {{ i }}:</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</p>
        </div>
        <div class="bp-lot__message">
        {% if i == 3 %}
            <p class="bp-lot__message-inner bp-text-red">Your bid of $3,000 has been outbid by a higher bid</p>
        {% endif %}
        </div>
        {% if i == 2 %}
            <div class="bp-lot__tool bp-lead">
                <p class="bp-subtitle">Leading bid:</p>
                <p class="bp-price">${{ i }},000</p>
            </div>
        {% elseif i == 3 %}
            <div class="bp-lot__tool bp-lead bp-bg-red">
                <p class="bp-subtitle">Leading bid:</p>
                <p class="bp-price">${{ i }},000</p>
            </div>
        {% elseif i == 4 %}
        <div class="bp-lot__tool bp-lead">
            <p class="bp-subtitle">Sold for:</p>
            <p class="bp-price">${{ i }},000</p>
        </div>
        {% elseif i == 5 %}
        <div class="bp-lot__tool bp-lead bp-bg-green">
            <p class="bp-subtitle">Sold to you for:</p>
            <p class="bp-price">${{ i }},000</p>
        </div>
        {% elseif i == 6 %}
        <div class="bp-lot__tool bp-lead bp-bg-transparent">
            <p class="bp-subtitle">Not sold:</p>
            <p class="bp-price">$0</p>
        </div>
        {% else %}
            <div class="bp-lot__tool">
                <p class="bp-subtitle">Start price:</p>
                <p class="bp-price">${{ i }},000</p>
            </div>
        {% endif %}
    </div>
</a>
