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

{% block title %}Edit {{ variable.name }} - Pychestrate Configuration{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Edit Variable: {{ variable.name }}</h1>
    <p>Update variable value</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="ro-variable-name">Variable Name</label>
            <input type="text" class="form-control" value="{{ variable.name }}" id="ro-variable-name" disabled>
        </div>
        
        <div class="form-group">
            <label for="ro-type">Type</label>
            <input type="text" class="form-control" value="{{ variable.var_type | state_words }}" id="ro-type" disabled>
        </div>
        
        <div class="form-group">
            <label for="value">Value *</label>
            <textarea id="value" name="value" class="form-control" rows="4" required{{ ui.invalid_attrs(errors, 'value', 'value-help') }}>{{ submitted.value if submitted else format_value(value=variable.value, var_type=variable.var_type) }}</textarea>
            {{ ui.field_error(errors, 'value') }}
            <p class="form-text" id="value-help">
                {% if variable.var_type.value == 'boolean' %}
                Use 'true' or 'false'
                {% elif variable.var_type.value == 'json' %}
                Enter valid JSON
                {% elif variable.var_type.value == 'integer' %}
                Enter a whole number
                {% elif variable.var_type.value == 'float' %}
                Enter a decimal number
                {% endif %}
            </p>
        </div>
        
        <div class="form-group">
            <label for="description">Description</label>
            <textarea id="description" name="description" class="form-control" rows="2">{{ submitted.description if submitted else (variable.description or '') }}</textarea>
        </div>
        
        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Save Changes
            </button>
            <a href="{{ url_for('config.variable_detail', name=variable.name) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}