{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2024-2026 JWP Consulting GK #}
{% extends "base.html" %}
{% load i18n %}
{% load projectify %}
{% load rules %}
{% block body %}
    {% include "common/navigation/header/dashboard.html" %}
    <div class="flex min-h-0 shrink grow flex-col md:grid md:grid-cols-[1fr_3fr]">
        <nav aria-label="{% translate "Side menu" %}"
             class="order-last md:order-first flex flex-col py-4 border-r border-border gap-2">
            <section class="flex flex-col gap-4 px-4 w-full">
                <details name="workspace-select" class="min-w-0">
                    <summary class="flex items-center gap-2 hover:bg-secondary-hover font-bold border rounded cursor-pointer p-2">
                        {% icon "briefcase" size=4 %}
                        <h1 class="truncate">{{ workspace.title }}</h1>
                    </summary>
                    <ul class="flex flex-col max-h-40 overflow-y-auto">
                        {% for w in workspaces %}
                            <li>
                                <a href="{% url "dashboard:workspaces:detail" w.uuid %}"
                                   class="flex w-full flex-row items-center gap-2 px-4 py-2 hover:bg-secondary-hover active:bg-disabled disabled:active:bg-secondary-hover text-base-content">
                                    {% icon "briefcase" size=4 %}
                                    <span class="truncate">{{ w.title }}</span>
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </details>
            </section>
            <section>
                <h2 class="px-4 py-1 font-bold text-lg">{% trans "Projects" %}</h2>
                <ul>
                    {% for project_item in projects %}
                        <li>
                            <a class="flex flex-row items-center gap-2 px-4 py-1 hover:bg-secondary-hover"
                               aria-label="{% blocktranslate with project=project_item.title %}{{ project }} project{%endblocktranslate %}"
                               href="{% url "dashboard:projects:detail" project_item.uuid %}">
                                <span class="truncate min-w-0 {% if project_item == project %}font-bold{% endif %}">{{ project_item.title }}</span>
                            </a>
                        </li>
                    {% endfor %}
                    {% if workspace %}
                        {% has_perm "workspace.create_project" user workspace as can_create_project %}
                        {% if can_create_project %}
                            <li>
                                {% go_to_action href="dashboard:workspaces:create-project" label=_("Create new project") style="secondary" icon_style="plus" justify_left=True workspace_uuid=workspace.uuid %}
                            </li>
                        {% endif %}
                    {% endif %}
                </ul>
            </section>
            <section class="px-4">
                <h2 class="text-lg font-bold">{% trans "Workspace" %}</h2>
                {% anchor label=_("Workspace settings") href='dashboard:workspaces:settings' workspace_uuid=workspace.uuid %}
            </section>
        </nav>
        {% block dashboard_content %}
        {% endblock dashboard_content %}
    </div>
    {% include "common/footer.html" %}
{% endblock body %}