{% extends "dashboard/layout.htm" %}
{% block content %}
<nav class="breadcrumbs" aria-label="Breadcrumb"><a href="{{ url_for('dashboard.index_dashboard') }}">Projects</a><span aria-hidden="true">/</span><span aria-current="page">Connect project</span></nav>
<div class="form-page"><h1>Connect project</h1><p>Choose an existing project directory, <code>alfrd.yaml</code>, or <code>.alfrd.yaml</code>. ALFRD reads the manifest; it does not modify your source project.</p>
{% if not mutations_enabled %}
<p class="alert" role="status">Project connection is available only on a local, runtime-enabled dashboard. Open the loopback dashboard on the server, or connect with the CLI.</p>
</div>
{% else %}
{% if errors %}<div class="alert alert-error" role="alert" tabindex="-1" id="form-errors"><h2>Could not connect project</h2><ul>{% for error in errors %}<li>{{ error }}</li>{% endfor %}</ul></div>{% endif %}
<form method="post" class="card form-card"{% if errors %} aria-describedby="form-errors"{% endif %}><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><label for="project-path">Project path <span aria-hidden="true">*</span></label><input id="project-path" name="path" type="text" required aria-required="true" autocomplete="off" value="{{ form.path }}"{% if errors %} aria-invalid="true"{% endif %}><p class="field-help">Only the selected directory is inspected; parent directories are never searched.</p><div class="form-actions"><button class="button" type="submit">Connect project</button><a class="button button-secondary" href="{{ url_for('dashboard.index_dashboard') }}">Cancel</a></div></form></div>
{% if errors %}<script>document.getElementById('form-errors').focus();</script>{% endif %}
{% endif %}
{% endblock %}