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

{% block title %}Create Pool - Pychestrate Resources{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Create Resource Pool</h1>
    <p>Create a new pool to organize resources {{ ui.learn_more("15-00-lab-administration", "resource-pools") }}</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">Pool Name *</label>
            <input type="text" id="name" name="name" class="form-control" required
                   value="{{ form_data.name if form_data else '' }}"
                   pattern="[a-zA-Z0-9][a-zA-Z0-9_\-]*" title="Letters, digits, underscores and hyphens only, starting with a letter or digit. Spaces are not allowed."{{ ui.invalid_attrs(errors, 'name', 'name-help') }}>
            <p class="form-text" id="name-help">Alphanumeric characters, underscores, and hyphens only</p>
            {{ 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 '' }}</textarea>
        </div>
        
        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Create Pool
            </button>
            <a href="{{ url_for('resources.pool_list') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}