{% extends "admin_base.html" %}

{% block title %}Add Simplified Currency Rule{% endblock %}

{% block content %}
    <div class="form-section">
        <h2>Add Dynamic Currency Replacement Rule (Simplified)</h2>
        <p><em>This creates a rule to find common currency patterns (e.g., $1,234.56 or €99.00) on a domain and replace them with your specified fixed value. 'Persistent Mutation Observer' and 'Active' will be enabled by default for this type of rule.</em></p>
        <form action="{{ url_for('admin_currency_rules') }}" method="POST">
            <div>
                <label for="domain_curr">Target Domain (e.g., coinbase.com, bitstamp.net):</label>
                <input type="text" id="domain_curr" name="domain" required placeholder="coinbase.com">
            </div>
            <div>
                <label for="currency_symbol_curr">Currency Symbol to Target:</label>
                <select id="currency_symbol_curr" name="currency_symbol">
                    <option value="$">$ (USD, CAD, AUD, etc.)</option>
                    <option value="€">€ (Euro)</option>
                    <option value="£">£ (Pound Sterling)</option>
                    </select>
            </div>
            <div>
                <label for="new_value_str_curr">New Fixed Value to Display (e.g., $34.43, €100.00):</label>
                <input type="text" id="new_value_str_curr" name="new_value_str" required placeholder="e.g., $--.-- or €[REVISED]">
            </div>
            <div>
                <label for="currency_rule_description_curr">Description (Optional):</label>
                <input type="text" id="currency_rule_description_curr" name="description" placeholder="e.g., Override EUR balance on coinbase.com">
            </div>
            <div>
                <label for="currency_pre_hide_selector_curr">CSS Selector to Pre-Hide Target Element (Optional, e.g. <code>.balance-class</code>):</label>
                <input type="text" id="currency_pre_hide_selector_curr" name="currency_pre_hide_selector" placeholder=".css-selector-for-balance-element">
            </div>
            <button type="submit">Add Simplified Currency Rule</button>
        </form>
    </div>
{% endblock %}