{{-- Shared by the "new rule" form and the edit page. $rule is null when creating. --}}
<div class="row">
    <div style="flex:1"><label>Nom</label>
        <input name="name" value="{{ old('name', $rule?->name) }}" placeholder="ex. Formation collective — clic élevé" required>
    </div>
    <div style="flex:1"><label>Portée</label>
        <select name="scope" id="rule-scope" required @if($rule) disabled @endif>
            @foreach($scopes as $key => $label)
                <option value="{{ $key }}" @selected(old('scope', $rule?->scope) === $key)>{{ $label }}</option>
            @endforeach
        </select>
        @if($rule)
            <input type="hidden" name="scope" value="{{ $rule->scope }}">
            <span class="muted" style="font-size:12px">La portée ne se change pas après création (elle détermine les indicateurs disponibles) — supprimez et recréez la règle si besoin.</span>
        @endif
    </div>
    <div style="flex:1"><label>Priorité</label>
        <select name="priority" required>
            @foreach($priorities as $key => $label)
                <option value="{{ $key }}" @selected(old('priority', $rule?->priority ?? 'medium') === $key)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
</div>

<label>Indicateurs disponibles pour cette portée</label>
<p class="muted" id="rule-indicators" style="margin:0 0 10px"></p>

<div class="row" style="align-items:flex-end">
    <div style="flex:1">
        <label>Formule</label>
        <input name="formula" id="rule-formula" value="{{ old('formula', $rule?->formula) }}"
            placeholder="ex. click_rate >= 30 OR submit_rate >= 10" required>
    </div>
    <div><button type="button" class="btn secondary" onclick="testFormula()">🧪 Tester</button></div>
</div>
<p class="muted" id="rule-test-result" style="min-height:18px"></p>

<div class="row">
    <div style="flex:1"><label>Échantillon minimum</label>
        <input type="number" name="min_sample" min="0" max="100000" value="{{ old('min_sample', $rule?->min_sample ?? 3) }}" required>
        <span class="muted" style="font-size:12px">Nombre minimum de mails envoyés avant de juger le sujet.</span>
    </div>
    <div style="flex:1"><label>Position (ordre d'évaluation)</label>
        <input type="number" name="position" min="0" max="1000" value="{{ old('position', $rule?->position ?? 0) }}" required>
        <span class="muted" style="font-size:12px">Entre règles de même portée, la première dont la formule correspond l'emporte.</span>
    </div>
    <div style="flex:1;display:flex;align-items:center;padding-top:22px">
        <label style="font-weight:400;margin:0"><input type="checkbox" name="active" value="1" style="width:auto" @checked(old('active', $rule?->active ?? true))> Règle active</label>
    </div>
</div>

<label>Titre <span class="muted" style="font-weight:400">— court, affiché en tête de la recommandation</span></label>
<input name="title_template" value="{{ old('title_template', $rule?->title_template) }}" placeholder="ex. Formation collective recommandée : {scope} {label}" required>

<label>Détail</label>
<textarea name="detail_template" style="min-height:70px" placeholder="ex. {click_rate} % de clic et {submit_rate} % de saisie d'identifiants sur {sent} mails envoyés à {scope} « {label} »." required>{{ old('detail_template', $rule?->detail_template) }}</textarea>

<label>Action proposée</label>
<input name="action_template" value="{{ old('action_template', $rule?->action_template) }}" placeholder="ex. Planifier une session de sensibilisation puis rejouer un test similaire." required>

<p class="muted" style="font-size:12px">
    Textes : utilisez <code>{label}</code> (nom du sujet), les indicateurs de la portée ci-dessus entre accolades
    (ex. <code>{click_rate}</code>), et pour une règle de groupe <code>{scope}</code> (Entité / Projet / Département).
</p>