{% extends "base.html" %}

{% block title %}Overall Dashboard{% endblock %}

{% block content %}
    <h1>
        Top 10 Tickers (All Subreddits)
        <!-- ADD THIS LINK -->
        <a href="/image/overall" target="_blank" style="font-size: 0.8rem; margin-left: 1rem; font-weight: normal;">image</a>
    </h1>
    <table>
        <thead>
            <tr>
                <th>Ticker</th>
                <th>Mentions</th>
                <th>Market Cap</th>
                <th>Closing Price</th>
                <th>Sentiment</th>
            </tr>
        </thead>
        <tbody>
            {% for ticker in tickers %}
            <tr>
                <td><strong><a href="/deep-dive/{{ ticker.symbol }}">{{ ticker.symbol }}</a></strong></td>
                <td>{{ ticker.mention_count }}</td>
                <td>{{ ticker.market_cap | format_mc }}</td>
                <!-- NEW COLUMN FOR CLOSING PRICE -->
                <td>
                    {% if ticker.closing_price %}
                        ${{ "%.2f"|format(ticker.closing_price) }}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
                <td>
                    {% if ticker.bullish_mentions > ticker.bearish_mentions %}
                        <span class="sentiment-bullish">Bullish</span>
                    {% elif ticker.bearish_mentions > ticker.bullish_mentions %}
                        <span class="sentiment-bearish">Bearish</span>
                    {% else %}
                        <span class="sentiment-neutral">Neutral</span>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}