Dashboard Summary

{# @var dashboard_summary ThemeViews\Organisms\dashboardSummary\DashboardSummaryViewModel #}
{% extends '@atoms/section/section.twig' %}
{% set className = "dashboard-summary" %}
{% block content %}
    {% include '@atoms/headline/headline.twig' with {
        headline: t('Willkommen, :username', {
            'username': dashboard_summary.user.first_name != null ? dashboard_summary.user.first_name : 'Namenloser'
        }),
        className: 'mb-2 headline--xl'
    } %}

    {% include '@atoms/copy/copy.twig' with {
        text: t('Du hast :n neue Nachrichten', {n: dashboard_summary.unread_messages}),
        type: 'div'
    } %}
    {% include '@atoms/copy/copy.twig' with {
        text: t('Es folgen dir :n neue Spieler', {n: dashboard_summary.new_followers}),
        type: 'div'
    } %}
    {% include '@atoms/copy/copy.twig' with {
        text: t('Du hast :n neue Freundschaftsanfragen', {n: dashboard_summary.friendship_requests}),
        type: 'div'
    } %}

    <div class="flex items-start justify-center">
        {% include '@atoms/button/button.twig' with {
            cta: t('Zu meinem Bereich'),
            type: 'x-btn--accent',
            href: {
                url: dashboard_summary.profile_link
            }
        } %}
    </div>
    <div class="dashboard-summary vue"></div>
{% endblock %}