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

{% block title %}Create Project - 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">Create</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Create Project</h1>
    <p>Create a new orchestration project {{ ui.learn_more("02-00-getting-started", "create-a-project") }}</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 '' }}"
                   placeholder="my-project"{{ 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"
                      placeholder="Describe your project...">{{ form_data.description if form_data else '' }}</textarea>
        </div>
        
        <div class="form-group">
            <label for="metadata">Metadata (JSON)</label>
            <textarea id="metadata" name="metadata" class="form-control" rows="4"
                      placeholder='{"key": "value"}'{{ ui.invalid_attrs(errors, 'metadata', 'metadata-help') }}>{{ form_data.metadata if form_data 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("add") }} Create Project
            </button>
            <a href="{{ url_for('projects.project_list') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}