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

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

{% block content %}
<div class="page-header">
    <h1>Projects Dashboard</h1>
    <p>What needs attention first, then your projects and their latest runs</p>
</div>

<div class="card" data-role="needs-attention">
    <h2 class="card-header">Needs attention</h2>
    {% if dashboard_attention_runs %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead><tr><th scope="col">Run</th><th scope="col">Project</th><th scope="col">State</th><th scope="col">When</th></tr></thead>
        <tbody>
            {% for run in dashboard_attention_runs %}
            <tr data-role="attention-run">
                <td><a href="/runs/{{ run.run_id }}">{{ run.name or run.kind }}</a>{% if run.name %} <span class="muted">{{ run.kind }}</span>{% endif %}</td>
                <td>{% if run.project_legacy_id %}<a href="{{ url_for('projects.project_detail', project_id=run.project_legacy_id) }}">{{ run.project_name }}</a>{% else %}{{ run.project_name }}{% endif %}</td>
                <td><span class="badge badge-{{ run.tone }}">{{ run.state_label }}</span></td>
                <td>{{ run.at | format_datetime('%Y-%m-%d %H:%M', '') }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% elif dashboard_recent_runs %}
    <p class="muted" data-role="nothing-needs-attention">Nothing needs attention: no run has failed in the last 7 days.</p>
    {% else %}
    <p class="muted" data-role="no-runs-yet">No runs yet. Runs appear here when a test, build or job runs in one of your projects; start from the <a href="/test-catalog">Test catalog</a>.</p>
    {% endif %}
</div>

<div class="card">
    <div class="card-header split">
        <span>Projects ({{ project_total }})</span>
        <a href="{{ url_for('projects.project_create') }}" class="btn btn-primary btn-sm">
            {{ ui.icon("add") }} New Project
        </a>
    </div>
    
    {% if projects %}
    {% if dashboard_attention_counts %}
    <p class="muted" data-role="projects-order">Projects with runs that need attention (failed, lost or needing a look in the last 7 days) are listed first.</p>
    {% endif %}
    <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">Last Activity</th>
                <th scope="col">Last run</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[:50] }}{% if project.description|length > 50 %}...{% endif %}</td>
                <td class="nowrap">{{ project.owner_username }}</td>
                <td class="nowrap">{{ project.last_activity_at | format_datetime('%Y-%m-%d %H:%M', '—') }}</td>
                <td>
                    {% set last = dashboard_last_runs.get(project.id) %}
                    {% if last %}
                    <a href="/runs/{{ last.run_id }}" data-role="last-run"><span class="badge badge-{{ last.tone }}">{{ last.state_label }}</span></a>
                    <span class="muted nowrap-inline">{{ last.at | format_datetime('%Y-%m-%d %H:%M', '') }}</span>
                    {% else %}
                    <span class="muted" data-role="no-last-run">&mdash;</span>
                    {% endif %}
                    {% set needing = dashboard_attention_counts.get(project.id, 0) %}
                    {% if needing %}
                    <div><span class="badge badge-danger" data-role="project-attention">{{ needing }} {{ 'needs' if needing == 1 else 'need' }} attention</span></div>
                    {% endif %}
                </td>
                <td>
                    <a href="{{ url_for('projects.project_detail', project_id=project.id) }}" class="btn btn-sm btn-secondary">View</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% if project_total > projects | length %}
    <p class="muted" data-role="projects-limit">Showing {{ projects | length }} of {{ project_total }} projects. <a href="{{ url_for('projects.project_list') }}">View all {{ project_total }}</a></p>
    {% endif %}
    {% else %}
    <p class="muted center pad-lg">
        No projects yet. <a href="{{ url_for('projects.project_create') }}">Create your first project</a>
    </p>
    {% endif %}
</div>

<div class="card" data-role="recent-runs">
    <h2 class="card-header">Recent runs</h2>
    {% if dashboard_recent_runs %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead><tr><th scope="col">Run</th><th scope="col">Project</th><th scope="col">State</th><th scope="col">When</th></tr></thead>
        <tbody>
            {% for run in dashboard_recent_runs %}
            <tr data-role="recent-run">
                <td><a href="/runs/{{ run.run_id }}">{{ run.name or run.kind }}</a>{% if run.name %} <span class="muted">{{ run.kind }}</span>{% endif %}</td>
                <td>{% if run.project_legacy_id %}<a href="{{ url_for('projects.project_detail', project_id=run.project_legacy_id) }}">{{ run.project_name }}</a>{% else %}{{ run.project_name }}{% endif %}</td>
                <td><span class="badge badge-{{ run.tone }}">{{ run.state_label }}</span></td>
                <td>{{ run.at | format_datetime('%Y-%m-%d %H:%M', '') }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    <p class="muted"><a href="/runs">All runs</a></p>
    {% else %}
    {{ ui.empty_state("No runs yet. Runs appear here when a test, build or job runs in one of your projects.") }}
    {% endif %}
</div>

{% if recent_builds or recent_tests %}
<div class="two-col">
    {% if recent_builds %}
    <div class="card">
        <h2 class="card-header">Recent Builds</h2>
        <div class="table-scroll" tabindex="0"><table class="data-table">
            <thead><tr><th scope="col">Build</th><th scope="col">Specification</th><th scope="col">Project</th><th scope="col">Status</th><th scope="col">Created</th></tr></thead>
            <tbody>
                {% for build in recent_builds %}
                <tr>
                    <td>
                        <a href="{{ url_for('projects.build_detail', project_id=build.project_id, build_id=build.id) }}">
                            #{{ build.id }}
                        </a>
                    </td>
                    <td>{{ build.spec_name }}</td>
                    <td><a href="{{ url_for('projects.project_detail', project_id=build.project_id) }}" class="muted">{{ dashboard_project_names.get(build.project_id) or ('Project ' ~ build.project_id) }}</a></td>
                    <td>
                        {{ ui.status_badge(build.status) }}
                    </td>
                    <td>{{ build.created_at | format_datetime('%Y-%m-%d %H:%M', '') }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table></div>
    </div>
    {% endif %}

    {% if recent_tests %}
    <div class="card">
        <h2 class="card-header">Recent Tests</h2>
        <div class="table-scroll" tabindex="0"><table class="data-table">
            <thead><tr><th scope="col">Job</th><th scope="col">Specification</th><th scope="col">Project</th><th scope="col">Status</th><th scope="col">Created</th></tr></thead>
            <tbody>
                {% for test in recent_tests %}
                <tr>
                    <td>
                        <a href="{{ url_for('projects.test_job_detail', project_id=test.project_id, job_id=test.id) }}">
                            #{{ test.id }}
                        </a>
                    </td>
                    <td>{{ test.spec_name }}</td>
                    <td><a href="{{ url_for('projects.project_detail', project_id=test.project_id) }}" class="muted">{{ dashboard_project_names.get(test.project_id) or ('Project ' ~ test.project_id) }}</a></td>
                    <td>
                        {{ ui.status_badge(test.status) }}
                    </td>
                    <td>{{ test.created_at | format_datetime('%Y-%m-%d %H:%M', '') }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table></div>
    </div>
    {% endif %}
</div>
{% endif %}

<a href="{{ url_for('projects.project_list') }}" class="btn btn-secondary">
    {{ ui.icon("list") }} View All Projects
</a>
{% endblock %}