{% extends "dashboard/layout.htm" %}
{% block content %}
<div class="page-heading"><div><h1>Projects</h1><p>Connected ALFRD projects and their recorded workflow metadata.</p></div>{% if runtime_enabled %}<a class="button" href="{{ url_for('dashboard.connect_project') }}">Connect project</a>{% endif %}</div>
<section aria-labelledby="projects-heading"><div class="section-heading projects-section-heading"><h2 id="projects-heading">{{ projects|length }} connected project{{ '' if projects|length == 1 else 's' }}</h2></div>
  {% if projects %}<div class="project-grid">{% for project in projects %}<article class="project-card"><div class="project-card-mark" aria-hidden="true">{{ project.name[:1]|upper }}</div><div class="project-card-copy"><h3><a href="{{ url_for('dashboard.project_details', project_name=project.identifier or project.name) }}">{{ project.display_name or project.name }}</a></h3><p>{{ project.description or "No description provided." }}</p></div><a class="button button-secondary button-small" href="{{ url_for('dashboard.project_details', project_name=project.identifier or project.name) }}">Open<span class="visually-hidden"> {{ project.display_name or project.name }}</span></a></article>{% endfor %}</div>{% else %}<div class="card empty-state"><h2>No projects connected yet</h2><p>{% if runtime_enabled %}Connect a project directory containing <code>alfrd.yaml</code> or <code>.alfrd.yaml</code> to start viewing its dashboard.{% else %}This catalog does not yet contain any projects.{% endif %}</p>{% if runtime_enabled %}<a class="button" href="{{ url_for('dashboard.connect_project') }}">Connect a project</a>{% endif %}</div>{% endif %}</section>
{% endblock %}