{# SPDX-FileCopyrightText: 2025-2026 JWP Consulting GK #}
{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{% load static %}
{% load projectify %}
{% load i18n %}
<nav class="flex flex-row flex-wrap items-center border-b-2 border-border bg-foreground px-6 py-4 gap-2 md:flex"
     aria-label="{% translate "Projectify" %}">
    <a href="{% url "storefront:landing" %}" class="shrink min-w-30">
        <img src="{% static "polylogo.svg" %}"
             width="171"
             height="36"
             alt="Go to landing page">
    </a>
    <div class="flex grow flex-row gap-2 items-center">
        <a href="{% url "storefront:landing" %}#pricing"
           class="text-base-content font-bold flex flex-row items-center gap-2 rounded-lg p-2 hover:text-primary active:text-primary">{% trans "Pricing" %}</a>
        <a href="{% url "help:list" %}"
           class="text-base-content font-bold flex flex-row items-center gap-2 rounded-lg p-2 hover:text-primary active:text-primary">{% trans "Help" %}</a>
        <a href="{% url "blog:post_list" %}"
           class="text-base-content font-bold flex flex-row items-center gap-2 rounded-lg p-2 hover:text-primary active:text-primary">{% trans "Blog" %}</a>
        <div class="shrink-0 ml-auto">
            {% if user.is_authenticated %}
                <a href="{% url "dashboard:dashboard" %}"
                   class="w-full bg-primary text-primary-content hover:bg-primary-hover active:bg-primary-pressed text-base flex min-w-max flex-row justify-center gap-2 rounded-lg px-4 py-2 font-bold disabled:bg-disabled disabled:text-disabled-primary-content">{% trans "Continue to dashboard" %}</a>
            {% else %}
                {% anchor href="users:log-in" label=_("Log in") %}
            {% endif %}
        </div>
    </div>
</nav>