timetracking/httpdocs/templates/_sections/tt-header.html.twig

{# templates/_sections/tt-header.html.twig #}
{# Erwartet im Kontext: currentDate, todayStr, tomorrowStr, yesterdayStr,
   months, monthsShort, weekdays, weekDays, currentWeekNumber,
   prevWeekUrl, nextWeekUrl #}

<header class="tt-header">
  <div class="tt-header__meta">
    <div class="tt-header__date">
      {% set activStr   = currentDate|date('Y-m-d') %}
      {% set monthName  = months[currentDate|date('n') - 1] %}
      {% set weekdayIdx = currentDate|date('N') - 1 %}
      {% if activStr == todayStr %}
        {{ 'app.date.today'|trans }}, {{ currentDate|date('j') }}. {{ monthName }}
      {% elseif activStr == tomorrowStr %}
        {{ 'app.date.tomorrow'|trans }}, {{ currentDate|date('j') }}. {{ monthName }}
      {% elseif activStr == yesterdayStr %}
        {{ 'app.date.yesterday'|trans }}, {{ currentDate|date('j') }}. {{ monthName }}
      {% else %}
        {{ weekdays[weekdayIdx] }}, {{ currentDate|date('j') }}. {{ monthName }}
      {% endif %}
    </div>
    <div class="tt-header__kw">{{ 'app.date.week_label'|trans }} {{ currentWeekNumber }}</div>
  </div>

  <nav class="week-nav"
       aria-label="{{ 'app.date.week_label'|trans }}"
       data-active-date="{{ currentDate|date('Y-m-d') }}">

    <a href="{{ prevWeekUrl }}"
       class="week-nav__arrow week-nav__arrow--prev"
       title="{{ 'app.nav.prev_week'|trans }}">
      {% include '_atoms/icon-arrow-left.html.twig' %}
    </a>

    <div class="week-nav__days">
      {% for day in weekDays %}
        {% set dayMonthShort = monthsShort[day.date|date('n') - 1] %}
        <a href="{{ path('timetracking_week_date', { date: day.date|date('Y-m-d') }) }}"
           class="week-nav__day{% if day.isActive %} week-nav__day--active{% endif %}{% if day.isToday %} week-nav__day--today{% endif %}"
           data-date="{{ day.date|date('Y-m-d') }}"
           {% if day.isActive %}aria-current="date"{% endif %}>
          <span class="week-nav__day-name">{{ day.short }}</span>
          <span class="week-nav__day-date">{{ day.date|date('d') }}. {{ dayMonthShort }}</span>
        </a>
      {% endfor %}
    </div>

    <button class="week-nav__cal" title="{{ 'app.nav.month_view'|trans }}">
      {% include '_atoms/icon-calendar.html.twig' %}
    </button>

    <a href="{{ nextWeekUrl }}"
       class="week-nav__arrow week-nav__arrow--next"
       title="{{ 'app.nav.next_week'|trans }}">
      {% include '_atoms/icon-arrow-right.html.twig' %}
    </a>

  </nav>
</header>