{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2024-2025 JWP Consulting GK #}
{% load i18n %}
{% load projectify %}
{% load rules %}
<div id="sidemenu-project-section">
    <form hx-post="{% url 'dashboard:workspaces:minimize-project-list' workspace.uuid %}"
          hx-swap="outerHTML"
          hx-target="#sidemenu-project-section">
        {% csrf_token %}
        {# TODO use MinimizeProjectListForm #}
        <input type="hidden"
               name="project_list_minimized"
               value="{% if current_team_member_qs.minimized_project_list %}false{% else %}true{% endif %}">
        {% if project %}<input type="hidden" name="current_project" value="{{ project.uuid }}">{% endif %}
        <button type="submit"
                aria-label="{% if current_team_member_qs.minimized_project_list %}{% translate "Project list, minimized" %}{% else %}{% translate "Project list, expanded" %}{% endif %}"
                aria-describedby="sidemenu-project-section-help"
                class="flex w-full flex-row items-center justify-between gap-2 px-4 py-2 text-utility hover:text-base-content">
            <div class="flex flex-row items-center gap-4">
                <div class="flex flex-row items-center gap-2">
                    {% icon "folder" size=4 %}
                    <div class="font-bold">{% trans "Projects" %}</div>
                </div>
            </div>
            <div class="flex flex-row items-center gap-2">
                {% include "workspace/common/loading_spinner.html" %}
                {% if current_team_member_qs.minimized_project_list %}
                    {% icon "chevron-up" size=4 %}
                {% else %}
                    {% icon "chevron-down" size=4 %}
                {% endif %}
            </div>
        </button>
    </form>
    <span class="hidden" id="sidemenu-project-section-help">
        {% if current_team_member_qs.minimized_project_list %}
            {% translate "Activate to show projects" %}
        {% else %}
            {% translate "Activate to hide projects" %}
        {% endif %}
    </span>
    {% if not current_team_member_qs.minimized_project_list %}
        {% for project_item in projects %}
            <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 %}">
                <div class="shrink-0 rounded-md p-1{% if project_item == project %} bg-primary-hover{% endif %}">
                    {% if project_item == project %}
                        {% icon "folder" "white" size=4 %}
                    {% else %}
                        {% icon "folder" size=4 %}
                    {% endif %}
                </div>
                <div class="truncate min-w-0 font-bold">{{ project_item.title }}</div>
            </a>
        {% endfor %}
        {% if workspace %}
            {% has_perm "workspace.create_project" user workspace as can_create_project %}
            {% if can_create_project %}
                {% go_to_action href="dashboard:workspaces:create-project" label=_("Create new project") style="secondary" icon_style="plus" justify_left=True workspace_uuid=workspace.uuid %}
            {% endif %}
        {% endif %}
    {% endif %}
</div>
{% if task_filter_form %}
    <section id="team-member-filters"
             class="flex flex-col px-4"
             aria-labelledby="team-member-filter-title">
        <input type="hidden"
               name="team_member_filter_minimized"
               value="{% if current_team_member_qs.minimized_team_member_filter %}false{% else %}true{% endif %}">
        <button type="submit"
                name="action"
                value="minimize_team_member_filter"
                class="flex w-full flex-row items-center justify-between gap-2 py-2 text-utility hover:text-base-content"
                hx-target="#team-member-filters"
                hx-select="#team-member-filters"
                hx-post="{% url 'dashboard:projects:detail' project.uuid %}"
                hx-swap="outerHTML"
                hx-include="#task-filter,#team-member-filters"
                aria-describedby="team-member-filter-help">
            <div class="flex flex-row items-center gap-2">
                <div class="w-4 h-4">{% icon "user" %}</div>
                <span id="team-member-filter-title" class="font-bold truncate">
                    {% if has_team_member_filter %}
                        {% trans "Team members (selected)" %}
                    {% else %}
                        {% trans "Team members" %}
                    {% endif %}
                </span>
            </div>
            <div class="flex flex-row items-center gap-2">
                {% include "workspace/common/loading_spinner.html" %}
                {% if current_team_member_qs.minimized_team_member_filter %}
                    {% icon "chevron-up" size=4 %}
                {% else %}
                    {% icon "chevron-down" size=4 %}
                {% endif %}
            </div>
        </button>
        <span id="team-member-filter-help" class="hidden">
            {% if current_team_member_qs.minimized_team_member_filter %}
                {% trans "Activate to show filter team member list" %}
            {% else %}
                {% trans "Activate to hide filter team member list" %}
            {% endif %}
        </span>
        <fieldset class="w-full max-w-full{% if current_team_member_qs.minimized_team_member_filter %} hidden{% endif %}">
            <legend class="px-2 font-bold">{{ task_filter_form.filter_by_team_member.label }}</legend>
            {{ task_filter_form.filter_by_team_member }}
            {% if workspace %}
                {% has_perm "workspace.create_team_member" user workspace as can_create_team_member %}
                {% if can_create_team_member %}
                    {% go_to_action href="dashboard:workspaces:team-members" label=_("Add more team members") style="secondary" icon_style="plus" justify_left=True workspace_uuid=workspace.uuid %}
                {% endif %}
            {% endif %}
        </fieldset>
        {% include "projectify/forms/submit.html" with text=_("Filter")  form_name="task-filter" %}
    </section>
{% endif %}