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

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

{% block content %}
<div class="page-header">
    <h1>Create Resource</h1>
    <p>Add a new trackable resource to the system {{ ui.learn_more("15-00-lab-administration", "devices") }}</p>
    <p class="muted">Adding many? <a href="{{ url_for('resources.resource_import') }}" data-role="import-resources">Import them from a spreadsheet</a>.</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">Resource 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, hyphens and periods 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, hyphens, and periods only</p>
            {{ ui.field_error(errors, 'name') }}
        </div>
        
        <div class="form-group">
            <label for="resource_type">Resource Type *</label>
            <select id="resource_type" name="resource_type" class="form-control" required{{ ui.invalid_attrs(errors, 'resource_type') }}>
                <option value="device" {% if form_data and form_data.resource_type == 'device' %}selected{% endif %}>Device</option>
                <option value="ip_address" {% if form_data and form_data.resource_type == 'ip_address' %}selected{% endif %}>IP Address</option>
                <option value="port" {% if form_data and form_data.resource_type == 'port' %}selected{% endif %}>Port</option>
                <option value="credential" {% if form_data and form_data.resource_type == 'credential' %}selected{% endif %}>Credential</option>
                <option value="generic" {% if not form_data or form_data.resource_type == 'generic' %}selected{% endif %}>Generic</option>
            </select>
            {{ ui.field_error(errors, 'resource_type') }}
        </div>
        
        <div class="form-group">
            <label for="pool_id">Resource Pool</label>
            <select id="pool_id" name="pool_id" class="form-control">
                {#- No pool is picked unless one is flagged as the default pool,
                    which then receives the resource; say which it is (RES-47). #}
                {% set default_pools = pools | selectattr('is_default') | list %}
                <option value="">{% if default_pools %}Default pool ({{ default_pools[0].name }}){% else %}No pool{% endif %}</option>
                {% for pool in pools %}
                <option value="{{ pool.id }}" {% if form_data and form_data.pool_id|string == pool.id|string %}selected{% endif %}>{{ pool.name }}</option>
                {% endfor %}
            </select>
        </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="form-group">
            <label for="capacity">Capacity</label>
            <input type="number" id="capacity" name="capacity" class="form-control" min="1"
                   value="{{ form_data.capacity if form_data else '1' }}"{{ ui.invalid_attrs(errors, 'capacity', 'capacity-help') }}>
            <p class="form-text" id="capacity-help">Number of concurrent allocations allowed (1 for exclusive resources)</p>
            {{ ui.field_error(errors, 'capacity') }}
        </div>
        
        <div class="form-group">
            <label id="tags-label">Tags</label>
            {% if all_tags %}
            <div class="actions-row" id="tags" role="group" aria-labelledby="tags-label"{% if errors and 'tags' in errors %} aria-describedby="tags-error"{% endif %} tabindex="-1">
                {% for tag in all_tags %}
                <label class="regular">
                    <input type="checkbox" name="tags" value="{{ tag.name }}"
                           {% if form_data and tag.name in form_data.getlist('tags') %}checked{% endif %}>
                    {{ tag.name }}
                </label>
                {% endfor %}
            </div>
            {{ ui.field_error(errors, 'tags') }}
            {% endif %}
        </div>

        <div class="form-group">
            <label for="new_tags">New tags</label>
            <input type="text" id="new_tags" name="new_tags" class="form-control" placeholder="e.g. rack-3, gpu"
                   value="{{ form_data.get('new_tags', '') if form_data else '' }}"{{ ui.invalid_attrs(errors, 'new_tags', 'new_tags-help') }}>
            {{ ui.field_error(errors, 'new_tags') }}
            <p class="form-text" id="new_tags-help">Tags that do not exist yet, separated by commas or spaces. They are created with the resource.</p>
        </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>
            <p class="form-text" id="metadata-help">Optional key-value metadata in JSON format</p>
            {{ ui.field_error(errors, 'metadata') }}
        </div>
        
        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Create Resource
            </button>
            <a href="{{ url_for('resources.resource_list') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}