@extends('layout')
@section('title','Règles de recommandation')
@section('content')
<h1>Règles de recommandation</h1>
<p class="muted">
    Chaque règle observe une portée (employé / groupe / campagne), teste une formule sur les indicateurs
    disponibles, et — si elle correspond — génère une recommandation avec la priorité et les textes définis
    ci-dessous. Pour un même sujet, les règles actives de sa portée sont essayées dans l'ordre (« Position ») et la
    première qui correspond l'emporte. Créer, modifier ou supprimer une règle relance immédiatement l'analyse.
</p>

<div class="card">
    <h2>Comment remplir une règle</h2>
    <p class="muted">
        Une règle observe une <strong>portée</strong> (qui/quoi elle juge), calcule des <strong>indicateurs</strong>
        chiffrés pour chaque sujet de cette portée, et applique une <strong>formule</strong> booléenne dessus. Si la
        formule est vraie (et que l'échantillon minimum est atteint), la règle génère une recommandation avec la
        <strong>priorité</strong> et les textes (titre / détail / <strong>action</strong>) que tu as écrits — en
        remplaçant <code>{indicateur}</code> par sa valeur réelle pour ce sujet.
    </p>

    <label style="margin-top:14px">Indicateurs disponibles, par portée</label>
    <table>
        <tr><th>Portée</th><th>Indicateurs</th><th>Sens</th></tr>
        <tr>
            <td>Employé</td>
            <td><code>sent</code>, <code>clicked</code>, <code>submitted</code>, <code>reported</code></td>
            <td class="muted">Nombre de campagnes envoyées / cliquées / avec identifiants saisis / signalées, pour cette personne.</td>
        </tr>
        <tr>
            <td>Groupe (entité / projet / département)</td>
            <td><code>sent</code>, <code>clicked</code>, <code>submitted</code>, <code>click_rate</code>, <code>submit_rate</code></td>
            <td class="muted">Comptes et taux (%) sur l'ensemble des mails envoyés au groupe. Une même règle « groupe » est rejouée automatiquement sur chaque entité, chaque projet et chaque département.</td>
        </tr>
        <tr>
            <td>Campagne</td>
            <td><code>sent</code>, <code>opened</code>, <code>clicked</code>, <code>submitted</code>, <code>open_rate</code>, <code>click_rate</code>, <code>submit_rate</code>, <code>tracking_works</code></td>
            <td class="muted">Comptes et taux (%) pour une campagne donnée. <code>tracking_works</code> vaut 1 si l'ouverture peut être mesurée (URL publique), 0 sinon (localhost) — utile pour ignorer un taux d'ouverture non fiable.</td>
        </tr>
    </table>

    <label style="margin-top:14px">Écrire la formule</label>
    <p class="muted" style="margin:0 0 10px">
        Compare un indicateur à un nombre avec <code>&gt;=</code> <code>&lt;=</code> <code>==</code> <code>!=</code>
        <code>&gt;</code> <code>&lt;</code>, combine plusieurs conditions avec <code>AND</code> / <code>OR</code>, et
        groupe avec des parenthèses. Exemples : <code>click_rate &gt;= 30</code> ·
        <code>submitted &gt;= 1</code> · <code>click_rate &gt;= 30 OR submit_rate &gt;= 10</code> ·
        <code>tracking_works == 1 AND open_rate &lt; 30</code>. Le bouton 🧪 Tester ci-dessous te dit tout de suite
        combien de sujets correspondent actuellement, sans rien enregistrer.
    </p>

    <label>Utiliser les valeurs dans le titre, le détail et l'action</label>
    <p class="muted" style="margin:0 0 10px">
        Dans les trois champs de texte, <code>{label}</code> insère le nom du sujet (employé, entité, campagne…),
        chaque indicateur de la portée s'insère entre accolades (ex. <code>{click_rate}</code>,
        <code>{submitted}</code>), et pour une règle de portée « groupe », <code>{scope}</code> insère automatiquement
        « Entité », « Projet » ou « Département » selon le cas.
    </p>

    <label>Exemples de combinaisons portée / formule / priorité / action</label>
    <table>
        <tr><th>Portée</th><th>Formule</th><th>Priorité</th><th>Titre / Action (extrait)</th></tr>
        <tr>
            <td>Employé</td>
            <td><code>submitted &gt;= 1</code></td>
            <td>Haute</td>
            <td class="muted">« {label} doit suivre une session de sensibilisation » → action : changement de mot de passe et formation individuelle.</td>
        </tr>
        <tr>
            <td>Groupe</td>
            <td><code>click_rate &gt;= 30 OR submit_rate &gt;= 10</code></td>
            <td>Haute</td>
            <td class="muted">« Formation collective recommandée : {scope} {label} » → action : planifier une session pour {label}.</td>
        </tr>
        <tr>
            <td>Campagne</td>
            <td><code>tracking_works == 1 AND open_rate &lt; 30</code></td>
            <td>Moyenne</td>
            <td class="muted">« Test peu consulté ({open_rate} % d'ouverture) » → action : vérifier la délivrabilité, relancer un test corrigé.</td>
        </tr>
    </table>
    <p class="muted" style="font-size:12px">
        Tu peux voir ces 8 règles telles quelles (et t'en inspirer) dans la liste « Règles existantes » plus bas.
    </p>
</div>

<div class="card">
    <h2>Nouvelle règle</h2>
    <form method="post" action="{{ route('recommendation-rules.store') }}">
        @csrf
        @include('admin.recommendation-rule-fields', ['rule' => null])
        <div style="margin-top:16px"><button class="btn ok">Créer la règle</button></div>
    </form>
</div>

<div class="card">
    <form method="get" action="{{ route('recommendation-rules.index') }}" id="rules-filters" data-autosubmit data-results="#results">
        <div class="row" style="align-items:flex-end;gap:12px">
            <div style="flex:1;min-width:200px"><label>Recherche</label>
                <input type="text" name="q" value="{{ $q }}" placeholder="Nom ou formule…">
            </div>
            <div><button class="btn">Appliquer</button></div>
            @if($q !== '' || $selectedScopes !== [])
                <div><a class="btn secondary" href="{{ route('recommendation-rules.index') }}">Réinitialiser</a></div>
            @endif
        </div>
        <div class="row" style="align-items:flex-start;margin-top:10px">
            <div style="flex:1;min-width:220px">
                @include('partials.multi-select', [
                    'name' => 'scopes', 'msLabel' => 'Portée', 'msPlaceholder' => 'Toutes',
                    'msOptions' => collect($scopes)->map(fn($label, $key) => ['id'=>$key,'label'=>$label])->values(),
                    'msSelected' => $selectedScopes,
                ])
            </div>
        </div>
    </form>
</div>

<div class="card" id="results">
    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:6px">
        <h2 style="margin:0">Règles existantes ({{ $rules->total() }})</h2>
        @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'rules-filters'])
    </div>
    <table>
        <tr><th>Nom</th><th>Portée</th><th>Formule</th><th>Priorité</th><th>Position</th><th>Actif</th><th></th></tr>
        @forelse($rules as $r)
            <tr>
                <td>{{ $r->name }}</td>
                <td class="muted">{{ $scopes[$r->scope] ?? $r->scope }}</td>
                <td><code>{{ $r->formula }}</code></td>
                <td>{{ $priorities[$r->priority] ?? $r->priority }}</td>
                <td class="muted">{{ $r->position }}</td>
                <td>{{ $r->active ? '✅' : '—' }}</td>
                <td class="row">
                    <a href="{{ route('recommendation-rules.edit', $r) }}">Modifier</a>
                    <form method="post" action="{{ route('recommendation-rules.destroy', $r) }}" onsubmit="return confirm('Supprimer la règle « {{ $r->name }} » ?');">
                        @csrf @method('delete')
                        <button class="btn danger" style="padding:4px 10px;font-size:12px">Supprimer</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="muted">{{ ($q !== '' || $selectedScopes !== []) ? 'Aucune règle ne correspond à ces filtres.' : "Aucune règle pour l'instant : sans règle active, l'analyse ne génère plus aucune recommandation." }}</td></tr>
        @endforelse
    </table>
    <div style="margin-top:14px">{{ $rules->links() }}</div>
</div>

@include('admin.recommendation-rule-script')
@endsection