{# SPDX-FileCopyrightText: 2025 JWP Consulting GK #}
{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{% extends "workspace/workspace_settings_base.html" %}
{% load i18n %}
{% load projectify %}
{% load rules %}
{% block title %}
    {% blocktrans with workspace_title=workspace.title %}{{ workspace_title }} projects - Projectify{% endblocktrans %}
{% endblock title %}
{% block workspace_settings_content %}
    <section class="flex flex-col gap-2">
        <h1 id="projects-table-title" class="font-bold text-lg">{% translate "Projects" %}</h1>
        <table aria-labelledby="projects-table-title"
               class="grid w-full gap-x-2 gap-y-3 grid-cols-[3fr_max-content]">
            <thead class="contents">
                <tr class="contents">
                    <th class="text-left col-span-2">{% translate "Project name" %}</th>
                    <th class="sr-only">{% translate "Archive project" %}</th>
                </tr>
            </thead>
            <tbody class="contents">
                {% for project in projects %}
                    <tr class="contents">
                        <td class="flex items-center gap-2 overflow-hidden">
                            {% has_perm "workspace.update_project" user workspace as can_update_project %}
                            {% if can_update_project %}
                                <a href="{% url 'dashboard:projects:update' project_uuid=project.uuid %}"
                                   class="flex items-center gap-1 text-primary truncate">
                                    <span class="truncate">{{ project }}</span>
                                    <div class="w-4 h-4 shrink-0">{% icon "pencil" %}</div>
                                </a>
                            {% else %}
                                <span class="truncate">{{ project }}</span>
                            {% endif %}
                        </td>
                        <td class="flex gap-4 items-center">
                            {% has_perm "workspace.update_project" user workspace as can_update_project %}
                            {% if can_update_project %}
                                {# XXX limitation: This only works if javascript is enabled #}
                                <form class="w-full"
                                      hx-post="{% url 'dashboard:projects:archive' project_uuid=project.uuid %}"
                                      hx-confirm="{% blocktranslate with project=project.title %}Are you sure you want to archive the '{{ project }}' project?{% endblocktranslate %}"
                                      hx-target="closest tr"
                                      hx-swap="outerHTML">
                                    {% action_button text=_("Archive") icon="archive" style="destructive" %}
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        <h1 id="archived-projects-table-title" class="font-bold text-lg">{% translate "Archived projects" %}</h1>
        <table aria-labelledby="archived-projects-table-title"
               class="grid w-full gap-x-2 gap-y-3 grid-cols-[3fr_max-content_max-content]">
            <thead class="contents">
                <tr class="contents">
                    <th class="text-left col-span-3">{% translate "Project name" %}</th>
                    <th class="sr-only">{% translate "Recover project" %}</th>
                    <th class="sr-only">{% translate "Delete project" %}</th>
                </tr>
            </thead>
            <tbody class="contents">
                {% for archived_project in archived_projects %}
                    <tr class="contents">
                        <td class="flex items-center">{{ archived_project }}</td>
                        <td class="flex items-center">
                            {% has_perm "workspace.update_project" user workspace as can_update_project %}
                            {% if can_update_project %}
                                <form hx-post="{% url 'dashboard:projects:recover' project_uuid=archived_project.uuid %}"
                                      hx-confirm="{% blocktranslate with project=archived_project.title %}Are you sure you want to recover the '{{ project }}' project?{% endblocktranslate %}"
                                      hx-target="closest tr"
                                      hx-swap="outerHTML"
                                      class="w-full">
                                    {% action_button text=_("Recover") %}
                                </form>
                            {% endif %}
                        </td>
                        <td class="flex items-center">
                            {% has_perm "workspace.delete_project" user workspace as can_delete_project %}
                            {% if can_delete_project %}
                                <form hx-post="{% url 'dashboard:projects:delete' project_uuid=archived_project.uuid %}"
                                      hx-confirm="{% blocktranslate with project=archived_project.title %}Are you sure you want to permanently delete the '{{ project }}' project? This action cannot be undone. {% endblocktranslate %}"
                                      hx-target="closest tr"
                                      hx-swap="outerHTML"
                                      class="w-full">
                                    {% action_button text=_("Delete") icon="trash" style="destructive" %}
                                </form>
                            {% endif %}
                        </td>
                    </tr>
                {% empty %}
                    <tr class="contents">
                        <td class="col-span-3">{% translate "No archived projects" %}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </section>
    <hr>
    <section class="flex flex-col gap-2">
        <strong>{% trans "Help" %}</strong>
        <ul class="flex list-inside list-disc flex-col gap-2">
            <li>{% anchor href="help:topic:projects" label=_("About projects") external=True %}</li>
        </ul>
    </section>
{% endblock workspace_settings_content %}