{% extends "projects/base.html" %}
{% import "site_shell/_macros.html" as ui %}

{% block title %}All Projects - Pychestrate{% endblock %}

{% block content %}
<div class="page-header">
    <h1>All Projects</h1>
    <p>Manage your orchestration projects</p>
</div>

<div class="toolbar">
    <form method="get" class="actions-row">
        <input type="text" name="search" class="form-control w-lg" placeholder="Search projects..."
               aria-label="Search projects"
               value="{{ search }}">
        <button type="submit" class="btn btn-secondary">
            {{ ui.icon("search") }} Search
        </button>
        <a href="{{ url_for(request_endpoint) }}" class="btn btn-secondary">Clear</a>
    </form>
    
    <a href="{{ url_for('projects.project_create') }}" class="btn btn-primary">
        {{ ui.icon("add") }} Create Project
    </a>
</div>

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Description</th>
            <th scope="col">Owner</th>
            <th scope="col">Members</th>
            <th scope="col">Repositories</th>
            <th scope="col">Last Activity</th>
            <th scope="col">Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for project in projects %}
        <tr>
            <td class="min-name">
                <a href="{{ url_for('projects.project_detail', project_id=project.id) }}" class="strong">
                    {{ project.name }}
                </a>
            </td>
            <td>{{ project.description[:40] }}{% if project.description|length > 40 %}...{% endif %}</td>
            <td class="nowrap">{{ project.owner_username }}</td>
            <td class="nowrap">{{ project.member_count }}</td>
            <td class="nowrap">{{ project.repository_count }}</td>
            <td class="nowrap">{{ project.last_activity_at | format_datetime('%Y-%m-%d %H:%M', '—') }}</td>
            <td>
                <a href="{{ url_for('projects.project_detail', project_id=project.id) }}" class="btn btn-sm btn-secondary">View</a>
                {% if project.id in editable_project_ids %}
                <a href="{{ url_for('projects.project_edit', project_id=project.id) }}" class="btn btn-sm btn-secondary">Edit</a>
                {% endif %}
            </td>
        </tr>
        {% else %}
        {{ ui.empty_state("No projects found", colspan=7) }}
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('projects.project_list', page, total_pages, {'per_page': per_page, 'search': search or none}, total=total) }}
{% endblock %}