<form method="post" action="{$current|escape:'html':'UTF-8'}&token={$token|escape:'html':'UTF-8'}">
    <div class="panel">
        <div class="panel-heading">
            <i class="icon-cogs"></i> {l s='EcomZone Settings' mod='ecomzone'}
        </div>
        <div class="form-wrapper">
            <div class="form-group">
                <label class="control-label col-lg-3">{l s='API Key' mod='ecomzone'}</label>
                <div class="col-lg-9">
                    <input type="text" name="ECOMZONE_API_KEY" value="{$ECOMZONE_API_KEY|escape:'html':'UTF-8'}" />
                </div>
            </div>
        </div>
        <div class="panel-footer">
            <button type="submit" name="submitEcomZone" class="btn btn-default pull-right">
                <i class="process-icon-save"></i> {l s='Save' mod='ecomzone'}
            </button>
            <button type="submit" name="fetchProducts" class="btn btn-primary pull-left">
                <i class="process-icon-download"></i> {l s='Fetch Products' mod='ecomzone'}
            </button>
        </div>
    </div>
</form>

<div class="panel">
    <div class="panel-heading">
        <i class="icon-list"></i> {l s='Debug Console' mod='ecomzone'}
    </div>
    <div class="panel-content">
        <pre id="debug-console" style="max-height: 300px; overflow-y: auto; background: #f5f5f5; padding: 10px;">
            {$debug_output|escape:'html':'UTF-8'}
        </pre>
    </div>
</div> 