{% load i18n common_tags %}
<div class="dashboard-widget" data-widget="welcome" style="background: color-mix(in srgb, var(--color-primary) 10%, var(--color-card)); border: 1px solid var(--color-border); border-radius: 0.75rem; padding: 2rem 2.5rem;">
    <h1 style="font-size: 1.75rem; font-weight: 700; color: var(--color-foreground); margin-bottom: 0.375rem;">{% trans "Добрый день" %}, {{ request.user.first_name|default:request.user.username }}</h1>
    <p style="font-size: 0.9375rem; color: var(--color-muted-foreground); margin-bottom: 1.5rem;">{% trans "Добро пожаловать в корпоративный портал АКС." %} {% trans "Сегодня" %} {{ today|date:"j E Y" }} {% trans "г." %}</p>
    <div style="display: flex; gap: 0.75rem;">
        {% if request.user|can_section:'tasks' %}
        <button class="btn btn-primary" hx-get="/tasks/" hx-target="#main-content" hx-push-url="/tasks/" hx-indicator="#loader">{% trans "Мои задачи" %}</button>
        {% endif %}
        {% if request.user|can_section:'chat' %}
        <button class="btn btn-secondary" style="border: 1px solid var(--color-border);" hx-get="/chat/" hx-target="#main-content" hx-push-url="/chat/" hx-indicator="#loader">{% trans "Сообщения" %}</button>
        {% endif %}
    </div>
</div>