{% if commodities %}
<div class="market-ticker">
    <span class="ticker-label">{{ t.ticker_market_trend }}</span>
    <div class="ticker-viewport">
        <div class="ticker-track">
            {% for i in "12" %}
            {% for c in commodities %}
            <div class="ticker-item {{ c.trend_direction }}">
                <span class="ticker-name">{{ c.name }}</span>
                <span class="ticker-farm"><span class="ticker-label-prefix">{{ t.ticker_farm_label }}</span>TSh {{ c.farm_price|floatformat:0 }}/{{ c.unit_display|default:c.unit }}</span>
                <span class="ticker-market"><span class="ticker-label-prefix">{{ t.ticker_market_label }}</span>TSh {{ c.market_price|floatformat:0 }}/{{ c.unit_display|default:c.unit }}</span>
                {% if c.trend_change_pct != None %}
                <span class="ticker-change">{% if c.trend_direction == 'up' %}&#9650;{% elif c.trend_direction == 'down' %}&#9660;{% else %}&#8212;{% endif %} {{ c.trend_change_pct|floatformat:1 }}%</span>
                {% endif %}
            </div>
            {% endfor %}
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}