{% extends "dashboard_base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="image-container">
    <header>
        <div class="title-block">
            <h1>Reddit Ticker Mentions</h1>
            <h2>{{ subtitle }}</h2>
        </div>
        <div class="date">{{ date_string }}</div>
    </header>
    <table>
        <thead>
            <tr>
                <th class="rank">Rank</th>
                <th class="ticker">Ticker</th>
                <th class="mentions">Mentions</th>
                <th class="sentiment">Sentiment</th>
                <th class="financials">Mkt Cap</th>
                <th class="financials">Close Price</th>
            </tr>
        </thead>
        <tbody>
            {% for ticker in tickers %}
            <tr>
                <td class="rank">{{ loop.index }}</td>
                <td class="ticker">
                    <strong>
                        {% if is_image_mode %}
                            {{ ticker.symbol }}
                        {% else %}
                            <a href="/deep-dive/{{ ticker.symbol }}">{{ ticker.symbol }}</a>
                        {% endif %}
                    </strong>
                </td>
                <td class="mentions">{{ ticker.total_mentions }}</td>
                <td class="sentiment">
                    {% 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>
                <td class="financials">{{ ticker.market_cap | format_mc }}</td>
                <td class="financials">
                    {% if ticker.closing_price %}
                        ${{ "%.2f"|format(ticker.closing_price) }}
                    {% else %}
                        N/A
                    {% endif %}
                </td>
            </tr>
            {% else %}
            <tr>
                <td colspan="6" style="text-align: center; padding: 2rem;">No ticker data found for this period.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <footer>
        <div class="brand-name">RSTAT</div>
        <div class="brand-subtitle">Reddit Stock Analysis Tool</div>
    </footer>
</div>
{% endblock %}