{# @var dashboard_random_stats list<\App\Dto\CompetitionStat> #}
{# @var dashboard_random_stat_useful \App\Dto\CompetitionStat|null #}
{# @var dashboard_published_interviews list<\App\Entity\Team> #}
{# @var dashboard_latest_forum_post \App\Entity\ForumPost|null #}
{# @var dashboard_latest_forum_author array{nickname: string, avatar: string|null, initials: string}|null #}
{% set dashboard_stat = dashboard_random_stats|first %}
{% set dashboard_stat_useful = dashboard_random_stat_useful|default(null) %}
{% set dashboard_has_published_interviews = dashboard_published_interviews|default([])|length > 0 %}
{% if dashboard_has_published_interviews or dashboard_stat_useful or dashboard_stat or dashboard_latest_forum_post %}
    <section class="dashboard-insights" aria-label="Interviews, stats et forum">
        <div class="dashboard-insights__row">
            {% if dashboard_stat_useful and not dashboard_has_published_interviews %}
                <div class="dashboard-insights__col dashboard-insights__col--stat dashboard-insights__col--mobile-only">
                    <div class="dashboard-insights__head">
                        <h2 class="match-day-title">Stat utile</h2>
                        <a href="{{ path('app_stats') }}" class="ta-link dashboard-insights__link">
                            Toutes les stats
                            <i class="ti ti-arrow-right" aria-hidden="true"></i>
                        </a>
                    </div>
                    <div class="ta-card dashboard-insights__panel dashboard-insights__panel--compact">
                        {% include 'home/_dashboard_random_stat_card.html.twig' with {
                            stat: dashboard_stat_useful,
                            compact: true,
                        } only %}
                    </div>
                </div>
            {% endif %}

            {% include 'home/_dashboard_published_interviews.html.twig' with {
                dashboard_published_interviews: dashboard_published_interviews|default([]),
            } only %}

            {% if not dashboard_has_published_interviews and dashboard_stat %}
                <div class="dashboard-insights__col dashboard-insights__col--stat dashboard-insights__col--desktop-only">
                    <div class="dashboard-insights__head">
                        <h2 class="match-day-title" id="dashboard-random-stat-title">Stats du jour</h2>
                        <a href="{{ path('app_stats') }}" class="ta-link dashboard-insights__link">
                            Toutes les stats
                            <i class="ti ti-arrow-right" aria-hidden="true"></i>
                        </a>
                    </div>
                    <div class="ta-card dashboard-insights__panel">
                        {% include 'home/_dashboard_random_stat_card.html.twig' with {
                            stat: dashboard_stat,
                            compact: false,
                        } only %}
                    </div>
                </div>
            {% endif %}

            <div class="dashboard-insights__col dashboard-insights__col--forum dashboard-insights__col--desktop-only">
                <div class="dashboard-insights__head">
                    <h2 class="match-day-title" id="dashboard-forum-latest-title">Forum</h2>
                    <a href="{{ path('app_forum') }}" class="ta-link dashboard-insights__link">
                        Voir le forum
                        <i class="ti ti-arrow-right" aria-hidden="true"></i>
                    </a>
                </div>
                <div class="ta-card dashboard-insights__panel dashboard-forum-latest">
                    {% if dashboard_latest_forum_post %}
                        {% set forum_is_reply = dashboard_latest_forum_post.parent is not null %}
                        {% set forum_link = path('app_forum', {
                            _fragment: forum_is_reply
                                ? 'forum-reply-' ~ dashboard_latest_forum_post.id
                                : 'forum-post-' ~ dashboard_latest_forum_post.id,
                        }) %}
                        <a href="{{ forum_link }}" class="dashboard-forum-latest__link">
                            <header class="dashboard-forum-latest__header">
                                {% include 'forum/_author_avatar.html.twig' with {
                                    avatar: dashboard_latest_forum_author.avatar|default(null),
                                    nickname: dashboard_latest_forum_author.nickname|default('Joueur'),
                                    initials: dashboard_latest_forum_author.initials|default('?'),
                                    small: true,
                                } only %}
                                <div class="dashboard-forum-latest__meta">
                                    <strong class="dashboard-forum-latest__author">{{ dashboard_latest_forum_author.nickname|default('Joueur') }}</strong>
                                    <time class="dashboard-forum-latest__time" datetime="{{ dashboard_latest_forum_post.createdAt|date('c') }}">
                                        {{ dashboard_latest_forum_post.createdAt|fr_datetime }}
                                        {% if forum_is_reply %}
                                            <span class="dashboard-forum-latest__reply-badge">réponse</span>
                                        {% endif %}
                                    </time>
                                </div>
                            </header>
                            <div class="dashboard-forum-latest__body forum-rich-text">
                                {{ dashboard_latest_forum_post.content|raw }}
                            </div>
                        </a>
                    {% else %}
                        <p class="ta-card-text dashboard-forum-latest__empty">
                            Aucun message pour l'instant. Lancez la conversation sur le forum&nbsp;!
                        </p>
                    {% endif %}
                </div>
            </div>
        </div>
    </section>
{% endif %}