{% extends "base.html" %}

{% block title %}Central — New Adapter{% endblock %}

{% block content %}
<h1>New Adapter</h1>
<p class="muted">Create a new adapter instance from an operator-creatable kind.</p>

<form method="post" action="/adapters/new">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

    <fieldset>
        <legend>Adapter Kind</legend>

        {# NOTE: single creatable kind today; multi-kind HTMX field-swap is a future enhancement. #}
        <label for="kind">Kind</label>
        <select id="kind" name="kind">
            {% for ck in creatable_kinds %}
            <option value="{{ ck.kind }}"
                    {% if ck.kind == (form_data.kind if form_data else selected_kind) %}selected{% endif %}>
                {{ ck.display_name }} ({{ ck.kind }})
            </option>
            {% endfor %}
        </select>
        {% if errors and errors.kind %}
        <small class="field-error">{{ errors.kind }}</small>
        {% endif %}
    </fieldset>

    <fieldset>
        <legend>Instance Identity</legend>

        <label for="name">Instance Name</label>
        <input type="text" id="name" name="name"
               value="{{ form_data.name if form_data else '' }}"
               placeholder="e.g. my_source_v2"
               required>
        <small>Lowercase letters, digits, and underscores; starts with a letter; 2–64 characters.
               Must not match a built-in kind name.</small>
        {% if errors and errors.name %}
        <small class="field-error">{{ errors.name }}</small>
        {% endif %}
    </fieldset>

    <fieldset>
        <legend>Core Settings</legend>

        <label>
            <input type="checkbox" name="enabled"
                   {% if form_data and form_data.enabled %}checked{% endif %}>
            Enabled <small>(leave unchecked — ships disabled; enable after verifying settings)</small>
        </label>

        <label for="cadence_s">Cadence (seconds)</label>
        <input type="number" id="cadence_s" name="cadence_s"
               value="{{ form_data.cadence_s if form_data else default_cadence_s }}"
               min="10"
               required>
        {% if errors and errors.cadence_s %}
        <small class="field-error">{{ errors.cadence_s }}</small>
        {% endif %}
    </fieldset>

    {% if fields %}
    <fieldset>
        <legend>Adapter Settings</legend>

        {% for field in fields %}
            {% if field.widget == "region" %}
                {# Region is rendered in a separate fieldset below #}
            {% elif field.widget == "text" %}
                <label for="{{ field.name }}">{{ field.label }}</label>
                <input type="text" id="{{ field.name }}" name="{{ field.name }}"
                       value="{{ form_data[field.name] if form_data and field.name in form_data else field.current_value or '' }}"
                       {% if field.required %}required{% endif %}>
                {% if field.description %}
                <small>{{ field.description }}</small>
                {% endif %}
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "number" %}
                <label for="{{ field.name }}">{{ field.label }}</label>
                <input type="number" id="{{ field.name }}" name="{{ field.name }}"
                       value="{{ form_data[field.name] if form_data and field.name in form_data else field.current_value or '' }}"
                       {% if field.required %}required{% endif %}>
                {% if field.description %}
                <small>{{ field.description }}</small>
                {% endif %}
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "checkbox" %}
                <label>
                    <input type="checkbox" name="{{ field.name }}"
                           {% if form_data and field.name in form_data %}
                               {% if form_data[field.name] %}checked{% endif %}
                           {% elif field.current_value %}checked{% endif %}>
                    {{ field.label }}
                </label>
                {% if field.description %}
                <small>{{ field.description }}</small>
                {% endif %}
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "csv" %}
                <label for="{{ field.name }}">{{ field.label }}</label>
                <input type="text" id="{{ field.name }}" name="{{ field.name }}"
                       value="{{ form_data[field.name] if form_data and field.name in form_data else (field.current_value | join(',') if field.current_value else '') }}"
                       {% if field.required %}required{% endif %}>
                <small>Comma-separated values{% if field.description %} — {{ field.description }}{% endif %}</small>
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "csv_int" %}
                <label for="{{ field.name }}">{{ field.label }}</label>
                <input type="text" id="{{ field.name }}" name="{{ field.name }}"
                       value="{{ form_data[field.name] if form_data and field.name in form_data else (field.current_value | join(',') if field.current_value else '') }}"
                       {% if field.required %}required{% endif %}>
                <small>Comma-separated integers{% if field.description %} — {{ field.description }}{% endif %}</small>
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "select" %}
                <label for="{{ field.name }}">{{ field.label }}</label>
                <select id="{{ field.name }}" name="{{ field.name }}">
                    {% for opt in field.options %}
                    <option value="{{ opt }}"
                            {% if (form_data[field.name] if form_data and field.name in form_data else field.current_value) == opt %}selected{% endif %}>
                        {{ opt }}
                    </option>
                    {% endfor %}
                </select>
                {% if field.description %}
                <small>{{ field.description }}</small>
                {% endif %}
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "checkboxes" %}
                <label>{{ field.label }}</label>
                {% set current_values = form_data.getlist(field.name) if form_data and form_data.getlist else (field.current_value or []) %}
                {% for opt in field.options %}
                <label style="display: inline-block; margin-right: 1rem;">
                    <input type="checkbox" name="{{ field.name }}" value="{{ opt }}"
                           {% if opt in current_values %}checked{% endif %}>
                    {{ opt }}
                </label>
                {% endfor %}
                {% if field.description %}
                <small style="display: block;">{{ field.description }}</small>
                {% endif %}
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "api_key_select" %}
                <label for="{{ field.name }}">{{ field.label }}</label>
                <select id="{{ field.name }}" name="{{ field.name }}">
                    <option value="">(none)</option>
                    {% for key in api_keys %}
                    <option value="{{ key.alias }}"
                            {% if (form_data[field.name] if form_data and field.name in form_data else field.current_value) == key.alias %}selected{% endif %}>
                        {{ key.alias }}
                    </option>
                    {% endfor %}
                </select>
                {% if field.description %}
                <small>{{ field.description }}</small>
                {% endif %}
                {% if errors and errors[field.name] %}
                <small class="field-error">{{ errors[field.name] }}</small>
                {% endif %}

            {% elif field.widget == "model_list" %}
                {% include "_partials/model_list.html" %}
            {% endif %}
        {% endfor %}
    </fieldset>
    {% endif %}

    <button type="submit">Create Adapter</button>
    <a href="/adapters" role="button" class="btn-outline">Cancel</a>
</form>
{% endblock %}