{% extends "base.html" %}
{% block title %}IMPSY - Configuration{% endblock %}
{% block content %}
<h1 class="mb-2">Configuration</h1>
<p class="text-secondary mb-4">Edit your IMPSY configuration file directly, or use the setup wizard to create a new one.</p>

{% if not config_exists %}
<div class="alert alert-warning">
    <h5 class="alert-heading">No configuration found</h5>
    <p class="mb-3">Create a config.toml to get started. You can use the setup wizard or create one from the default template.</p>
    <a href="{{ url_for('setup_config') }}" class="btn btn-primary me-2">Setup Wizard</a>
    <form method="POST" action="{{ url_for('create_default_config') }}" class="d-inline">
        <button type="submit" class="btn btn-outline-secondary">Use Default Config</button>
    </form>
</div>
{% else %}

<div class="card mb-3">
    <div class="card-body d-flex align-items-center justify-content-between">
        <span class="text-secondary">Editing <code>config.toml</code></span>
        <a href="{{ url_for('setup_config') }}" class="btn btn-outline-secondary btn-sm">Setup Wizard</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" id="config-form">
            <textarea name="config_content" class="form-control font-monospace" rows="24">{{ config_content }}</textarea>
            <div class="mt-3">
                <button type="submit" class="btn btn-primary">Save Configuration</button>
            </div>
        </form>
    </div>
</div>
{% endif %}
{% endblock %}

{% block scripts %}
<script>
    var form = document.getElementById('config-form');
    if (form) {
        form.addEventListener('submit', function(e) {
            if (!confirm('Save configuration changes?')) {
                e.preventDefault();
            }
        });
    }
</script>
{% endblock %}