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

{% block title %}Edit {{ 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><a href="{{ url_for('projects.project_detail', project_id=project.id) }}">{{ project.name }}</a></li>
        <li aria-current="page">Edit</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Edit Project</h1>
    <p>Update project settings</p>
</div>

<div class="card narrow">
    <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        {{ ui.error_summary(errors, error_labels) }}

        <div class="form-group">
            <label for="name">Project Name *</label>
            <input type="text" id="name" name="name" class="form-control" required
                   pattern="[a-zA-Z0-9][a-zA-Z0-9_.\-]{0,127}" title="Letters, digits, underscores, hyphens and periods, starting with a letter or digit; at most 128 characters. Spaces are not allowed."
                   value="{{ form_data.name if form_data else project.name }}"{{ ui.invalid_attrs(errors, 'name', 'name-help') }}>
            <div class="form-text" id="name-help">Letters, digits, underscores, hyphens and periods, starting with a letter or digit; at most 128 characters.</div>
            {{ ui.field_error(errors, 'name') }}
        </div>

        <div class="form-group">
            <label for="description">Description</label>
            <textarea id="description" name="description" class="form-control" rows="3">{{ form_data.description if form_data else project.description }}</textarea>
        </div>

        <div class="form-group">
            <label for="metadata">Metadata (JSON)</label>
            <textarea id="metadata" name="metadata" class="form-control" rows="4"{{ ui.invalid_attrs(errors, 'metadata', 'metadata-help') }}>{{ form_data.metadata if form_data else (project.metadata | tojson if project.metadata else '{}') }}</textarea>
            <div class="form-text" id="metadata-help">Optional JSON metadata for the project</div>
            {{ ui.field_error(errors, 'metadata') }}
        </div>
        
        <div class="actions-row mt-lg">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Save Changes
            </button>
            <a href="{{ url_for('projects.project_detail', project_id=project.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}