{% extends "admin_base.html" %}

{% block title %}Manage Edicts{% endblock %}

{% block content %}
    <div class="form-section">
        <h2>Add New Edict (Advanced / Manual Regex)</h2>
        <form action="{{ url_for('admin_add_rule') }}" method="POST">
            <div>
                <label for="description">Description (Optional):</label>
                <input type="text" id="description" name="description" placeholder="e.g., Modify crypto terms on exchanges">
            </div>
            <div>
                <label for="url_patterns_str">URL Patterns (comma-separated, use * as wildcard):</label>
                <input type="text" id="url_patterns_str" name="url_patterns_str" required placeholder="*://*.coinbase.com/*, *://*.example.com/*">
            </div>
            <div>
                <label for="replacements_str">Replacements (Format: <code>find_text|replace_text</code> OR <code>find_regex|replace_text|regex_flags</code>. Separate multiple entries with <code>;</code> semi-colon):</label>
                <textarea id="replacements_str" name="replacements_str" rows="5" required placeholder="Bitcoin|BoTC Prime Asset|gi ; Buy|Acquire Sanctioned Unit|gi"></textarea>
            </div>
            <div>
                <label for="pre_hide_selectors_str">CSS Selectors to Pre-Hide (comma-separated, optional, for flicker reduction):</label>
                <input type="text" id="pre_hide_selectors_str" name="pre_hide_selectors_str" placeholder=".balance-class, #price-id">
            </div>
            <div>
                <label><input type="checkbox" name="is_active" value="on" checked> Active Edict</label>
            </div>
            <div>
                <label><input type="checkbox" name="persistent_mutation_observer" value="on"> Use Persistent Mutation Observer (for dynamic sites)</label>
            </div>
            <button type="submit">Add Advanced Edict</button>
        </form>
    </div>

    <h2>Current Edicts (All Types)</h2>
    {% if edicts %}
    <table>
        <thead>
            <tr>
                <th>ID / Description</th>
                <th>URL Patterns</th>
                <th>Replacements</th>
                <th>Pre-Hide Selectors</th>
                <th>Active</th>
                <th>Persistent Obs.</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for rule in edicts %}
            <tr>
                <td><strong>{{ rule.id }}</strong><br><small>{{ rule.description | default('N/A', true) }}</small></td>
                <td><pre>{{ rule.url_patterns | join('\n') }}</pre></td>
                <td>
                    {% if rule.replacements %}
                    <ul class="replacements-list">
                    {% for rep in rule.replacements %}
                        <li>
                            {% if rep.find %}
                                Find: "<code>{{ rep.find }}</code>"
                            {% elif rep.find_regex %}
                                Regex: /<code>{{ rep.find_regex }}</code>/{{ rep.regex_flags | default('') }}
                            {% endif %}
                            <br>&nbsp;&nbsp;&nbsp;&raquo; "<code>{{ rep.replace_with }}</code>"
                        </li>
                    {% else %}
                        <li>No replacements defined.</li>
                    {% endfor %}
                    </ul>
                    {% else %}
                    No replacements defined.
                    {% endif %}
                </td>
                <td><pre>{{ rule.pre_hide_selectors | join('\n') if rule.pre_hide_selectors else 'N/A' }}</pre></td>
                <td>{{ 'Yes' if rule.is_active else 'No' }}</td>
                <td>{{ 'Yes' if rule.persistent_mutation_observer else 'No' }}</td>
                <td>
                    <form action="{{ url_for('admin_toggle_rule', rule_id=rule.id) }}" method="POST" style="display:inline-block; margin-bottom:5px;">
                        <button type="submit" class="toggle-btn">{{ 'Deactivate' if rule.is_active else 'Activate' }}</button>
                    </form>
                    <br>
                    <form action="{{ url_for('admin_delete_rule', rule_id=rule.id) }}" method="POST" style="display:inline-block;">
                        <button type="submit" class="delete-btn" onclick="return confirm('Are you sure you want to delete edict {{ rule.id }}?');">Delete</button>
                    </form>
                    </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p>No Edicts currently inscribed in the Lexicon.</p>
    {% endif %}
{% endblock %}