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

{% block title %}{{ project.name }} - Pychestrate{% endblock %}

{% block content %}
<nav aria-label="Breadcrumb">
    <ol class="breadcrumb">
        <li><a href="{{ url_for('projects.project_list') }}">Projects</a></li>
        <li aria-current="page">{{ project.name }}</li>
    </ol>
</nav>

<div class="page-header page-header--split">
    <div>
        <h1>{{ project.name }}</h1>
        <p>{{ project.description or 'No description' }}</p>
    </div>
    <div class="actions-row">
        {% if can_edit %}
        <a href="{{ url_for('projects.project_edit', project_id=project.id) }}" class="btn btn-secondary">
            {{ ui.icon("edit") }} Edit
        </a>
        {% endif %}
    </div>
</div>

{% if registry_project is defined and registry_project %}
{# The same project across the product (PRJ-06): the global views and the
   REST API name it by its registry slug / UUID. #}
<nav class="card mb" aria-label="This project elsewhere" data-role="project-elsewhere">
    <span class="muted small">Slug</span> <code>{{ registry_project.slug }}</code>
    <span class="muted small">&middot; Also in:</span>
    <a href="/runs?project_id={{ registry_project.project_id }}">Runs</a> &middot;
    <a href="/builds?project_id={{ registry_project.project_id }}">Builds</a> &middot;
    <a href="/pipelines?project_id={{ registry_project.project_id }}">Pipelines</a> &middot;
    <a href="/test-catalog?project_id={{ registry_project.project_id }}">Test catalog</a> &middot;
    <a href="/pods?project_id={{ registry_project.project_id }}">Pods</a>
</nav>
{% endif %}

<div class="stat-grid">
    <div class="card">
        <div class="muted">Owner</div>
        <div class="stat-value stat-value--sm">{{ project.owner_username }}</div>
    </div>
    <div class="card">
        <div class="muted">Members</div>
        <div class="stat-value stat-value--sm">{{ project.member_count }}</div>
    </div>
    <div class="card">
        <div class="muted">Repositories</div>
        <div class="stat-value stat-value--sm">{{ project.repository_count }}</div>
    </div>
    <div class="card">
        <div class="muted">Active Jobs</div>
        <div class="stat-value stat-value--sm">{{ project.active_jobs }}</div>
    </div>
</div>

<div class="two-col">
    <div class="card">
        <div class="card-header split">
            <span>Recent Builds</span>
            <a href="{{ url_for('projects.build_list', project_id=project.id) }}" class="btn btn-sm btn-secondary">View All</a>
        </div>
        {% if recent_builds %}
        <div class="table-scroll" tabindex="0"><table class="data-table">
            <tbody>
                {% for build in recent_builds %}
                <tr>
                    <td>
                        <a href="{{ url_for('projects.build_detail', project_id=project.id, build_id=build.id) }}">
                            #{{ build.id }}
                        </a>
                    </td>
                    <td>{{ build.spec_name }}</td>
                    <td>
                        {{ ui.status_badge(build.status) }}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table></div>
        {% else %}
        {{ ui.empty_state("No builds yet") }}
        {% endif %}
    </div>
    
    <div class="card">
        <div class="card-header split">
            <span>Recent Tests</span>
            <span class="pyc-card-links">
                {% if recent_tests %}<a href="{{ url_for('projects.test_job_list', project_id=project.id) }}" class="btn btn-sm btn-secondary">View All</a>{% endif %}
                <a href="{{ url_for('projects.project_workspace_link', project_id=project.id, destination='runs') }}" class="btn btn-sm btn-secondary">All runs</a>
            </span>
        </div>
        {% if recent_tests %}
        <div class="table-scroll" tabindex="0"><table class="data-table">
            <tbody>
                {% for test in recent_tests %}
                <tr>
                    <td>
                        <a href="{{ url_for('projects.test_job_detail', project_id=project.id, job_id=test.id) }}">
                            #{{ test.id }}
                        </a>
                    </td>
                    <td>{{ test.spec_name }}</td>
                    <td>
                        {{ ui.status_badge(test.status) }}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table></div>
        {% else %}
        {{ ui.empty_state("No test jobs here. Test runs started from the Test catalog are listed under Runs.") }}
        {% endif %}
    </div>
</div>

<div class="card mt">
    <div class="card-header split">
        <span>Team Members</span>
        <a href="{{ url_for('projects.member_list', project_id=project.id) }}" class="btn btn-sm btn-secondary">Manage</a>
    </div>
    {% if members %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Username</th>
                <th scope="col">Display Name</th>
                <th scope="col">Role</th>
                <th scope="col">Joined</th>
            </tr>
        </thead>
        <tbody>
            {% for member in members %}
            <tr>
                <td>{{ member.username }}</td>
                <td>{{ member.display_name }}</td>
                <td><span class="badge badge-info">{{ member.role | state_words }}</span></td>
                <td>{{ member.joined_at | format_datetime('%Y-%m-%d') }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No members") }}
    {% endif %}
</div>

<div class="card mt">
    <div class="card-header split">
        <span>Repositories</span>
        <a href="{{ url_for('projects.repository_list', project_id=project.id) }}" class="btn btn-sm btn-secondary">Manage</a>
    </div>
    {% if repositories %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">URL</th>
                <th scope="col">Default Branch</th>
                <th scope="col">Last Commit</th>
            </tr>
        </thead>
        <tbody>
            {% for repo in repositories %}
            <tr>
                <td>
                    <a href="{{ url_for('projects.repository_detail', project_id=project.id, repository_id=repo.id) }}">
                        {{ repo.name }}
                    </a>
                </td>
                <td class="mono">{{ repo.url[:40] }}{% if repo.url|length > 40 %}...{% endif %}</td>
                <td>{{ repo.default_branch }}</td>
                <td>{{ repo.last_commit_sha[:7] if repo.last_commit_sha else '—' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No repositories") }}
    {% endif %}
</div>

{% if can_delete %}
<div class="mt">
    <form action="{{ url_for('projects.project_delete', project_id=project.id) }}" method="post" data-confirm="{{ delete_warning }}" data-confirm-type="{{ project.name }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-danger">
            {{ ui.icon("delete") }} Delete
        </button>
    </form>
</div>
{% endif %}
{% endblock %}