@extends('layout')
@section('title','Réglages')
@section('content')
@php($canWrite = auth()->user()?->hasPermission('write'))
<h1>Réglages</h1>

<div class="card">
    <h2>Profils d'envoi (SMTP)</h2>
    <p class="muted">
        Chaque campagne peut envoyer depuis un domaine/expéditeur différent : crée un profil par domaine, puis
        choisis-le lors de la création de la campagne. Le mot de passe est chiffré en base.
    </p>
    <table>
        <tr><th>Nom</th><th>Hôte SMTP</th><th>Expéditeur</th><th>Par défaut</th><th></th></tr>
        @forelse($mailProfiles as $p)
            <tr>
                <td>{{ $p->name }}</td>
                <td class="muted">{{ $p->smtp_host }}:{{ $p->smtp_port }}</td>
                <td class="muted">{{ $p->from_name }} &lt;{{ $p->from_address }}&gt;</td>
                <td>
                    @if($p->is_default)
                        <span class="pill" style="background:#4338ca;color:#fff">Par défaut</span>
                    @elseif($canWrite)
                        <form method="post" action="{{ route('mail-profiles.default', $p) }}">
                            @csrf
                            <button class="btn secondary" style="padding:4px 10px;font-size:12px">Définir par défaut</button>
                        </form>
                    @endif
                </td>
                <td class="row">
                    @if($canWrite)
                        <a href="{{ route('mail-profiles.edit', $p) }}">Modifier</a>
                        <form method="post" action="{{ route('mail-profiles.destroy', $p) }}" onsubmit="return confirm('Supprimer le profil « {{ $p->name }} » ?');">
                            @csrf @method('delete')
                            <button class="btn danger" style="padding:4px 10px;font-size:12px">Supprimer</button>
                        </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="muted">Aucun profil d'envoi pour l'instant — les campagnes utiliseront le <code>.env</code>.</td></tr>
        @endforelse
    </table>
</div>

@if($canWrite)
<div class="card">
    <h2>Nouveau profil d'envoi</h2>
    <form method="post" action="{{ route('mail-profiles.store') }}">
        @csrf
        <div class="row">
            <div style="flex:1"><label>Nom du profil</label><input name="name" value="{{ old('name') }}" placeholder="ex. Domaine externe A" required></div>
        </div>
        <div class="row">
            <div style="flex:2"><label>Hôte SMTP</label><input name="smtp_host" value="{{ old('smtp_host') }}" placeholder="ssl0.ovh.net" required></div>
            <div style="flex:1"><label>Port</label><input type="number" name="smtp_port" value="{{ old('smtp_port') }}" placeholder="465" required></div>
            <div style="flex:1"><label>Chiffrement</label>
                <select name="smtp_scheme">
                    <option value="smtps" @selected(old('smtp_scheme')==='smtps')>SSL/TLS (465)</option>
                    <option value="smtp" @selected(old('smtp_scheme')==='smtp')>STARTTLS/None (587)</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div style="flex:1"><label>Utilisateur</label><input name="smtp_username" value="{{ old('smtp_username') }}" autocomplete="off"></div>
            <div style="flex:1"><label>Mot de passe</label><input type="password" name="smtp_password" autocomplete="new-password"></div>
        </div>
        <div class="row">
            <div style="flex:1"><label>Adresse expéditeur</label><input type="email" name="from_address" value="{{ old('from_address') }}" placeholder="no-reply@domaine.tld"></div>
            <div style="flex:1"><label>Nom expéditeur</label><input name="from_name" value="{{ old('from_name') }}" placeholder="Service Informatique"></div>
        </div>
        <button class="btn ok">Créer le profil</button>
    </form>
</div>
@endif

<div class="card">
    <h2>🤖 Assistant IA (Claude)</h2>
    <p class="muted">
        Permet de générer des modèles de mail et des landing pages depuis <a href="{{ route('templates.index') }}">Modèles</a>
        à partir d'une description (et éventuellement d'images ou PDF joints — logo, charte graphique, capture d'un
        vrai mail à imiter…). Clé disponible sur <a href="https://console.anthropic.com/settings/keys" target="_blank" rel="noopener">console.anthropic.com</a>.
        L'assistant n'a accès qu'à la génération de contenu — aucun accès aux campagnes, employés ou autres données.
    </p>
    <form method="post" action="{{ route('settings.ai') }}">
        @csrf @method('PUT')
        <div class="row" style="align-items:flex-end">
            <div style="flex:1;min-width:220px"><label>Clé API Claude</label>
                <input type="password" name="claude_api_key" autocomplete="new-password"
                    placeholder="{{ $setting->isAiConfigured() ? '•••••••••••••••• (configurée — laisser vide pour ne pas changer)' : 'sk-ant-…' }}"
                    @disabled(! $canWrite)>
            </div>
            <div style="flex:1;min-width:220px"><label>Modèle
                    @if($canWrite && $setting->isAiConfigured())
                        <button type="button" id="ai-models-refresh" class="btn secondary" style="padding:1px 8px;font-size:11px;margin-left:6px">🔄 Détecter les modèles</button>
                    @endif
                </label>
                <input name="claude_model" list="claude-models-list" value="{{ old('claude_model', $setting->claude_model) }}"
                    placeholder="{{ \App\Models\Setting::DEFAULT_CLAUDE_MODEL }}" @disabled(! $canWrite)>
                <datalist id="claude-models-list"></datalist>
                <span id="ai-models-status" class="muted" style="font-size:12px"></span>
            </div>
            @if($canWrite)
                <div><button class="btn ok">Enregistrer</button></div>
            @endif
        </div>
    </form>
    <p class="muted" style="margin-top:10px;font-size:13px">
        Statut : {{ $setting->isAiConfigured() ? '✅ Clé configurée' : '⚠️ Aucune clé configurée — le bouton « Générer avec l’IA » restera indisponible dans Modèles.' }}
    </p>
</div>

@if($setting->isAiConfigured())
<script>
(function(){
    const status = document.getElementById('ai-models-status');
    const datalist = document.getElementById('claude-models-list');
    const btn = document.getElementById('ai-models-refresh');
    if (!status || !datalist) return;

    async function loadModels(){
        status.textContent = 'Détection des modèles…';
        try {
            const res = await fetch(@json(route('settings.ai-models')), { headers: { 'Accept': 'application/json' } });
            const data = await res.json();
            if (!res.ok) throw new Error(data.message || 'Erreur inconnue.');
            datalist.innerHTML = '';
            data.models.forEach(m => {
                const opt = document.createElement('option');
                opt.value = m.id;
                opt.label = m.display_name || m.id;
                datalist.appendChild(opt);
            });
            status.textContent = data.models.length + ' modèle(s) détecté(s) avec cette clé — tape dans le champ pour choisir.';
        } catch (err) {
            status.textContent = '❌ ' + err.message;
        }
    }
    if (btn) btn.addEventListener('click', loadModels);
    loadModels();
})();
</script>
@endif

<div class="card">
    <h2>Règles de recommandation</h2>
    <p class="muted">
        Les critères qui déclenchent une recommandation (qui, à partir de quel taux de clic, quelle formation…) se
        gèrent maintenant comme des règles indépendantes — indicateurs, formule et priorité pour chacune — plutôt
        qu'un jeu de seuils fixes. Voir <a href="{{ route('recommendation-rules.index') }}">Règles de recommandation</a>.
    </p>
</div>

<div class="card">
    <h2>Cadrage RGPD</h2>
    <p class="muted">Affiché en tête du <a href="{{ route('dashboard.gdpr') }}">rapport RGPD</a> : contact du délégué à la protection des données (DPO) et durée de conservation. La finalité et la base légale restent un texte type — faites-les valider par votre DPO ou service juridique avant diffusion externe (CSE, CNIL).</p>
    <form method="post" action="{{ route('settings.gdpr') }}">
        @csrf @method('PUT')
        <div class="row" style="align-items:flex-start">
            <div style="flex:1;min-width:200px"><label>Nom du DPO</label>
                <input name="dpo_name" value="{{ old('dpo_name', $setting->dpo_name) }}" placeholder="ex. Marie Fontaine" @disabled(! $canWrite)></div>
            <div style="flex:1;min-width:200px"><label>Email du DPO</label>
                <input type="email" name="dpo_email" value="{{ old('dpo_email', $setting->dpo_email) }}" placeholder="dpo@iliadeconsulting.com" @disabled(! $canWrite)></div>
            <div style="flex:1;min-width:200px"><label>Durée de conservation (mois)</label>
                <input type="number" name="gdpr_retention_months" min="1" max="120" required
                    value="{{ old('gdpr_retention_months', $setting->gdpr_retention_months ?? config('phishing.gdpr_retention_months')) }}" @disabled(! $canWrite)>
                <span class="muted" style="font-size:12px">À compter de la campagne.</span></div>
        </div>
        @if($canWrite)
            <div class="row" style="margin-top:16px"><button class="btn ok">Enregistrer le cadrage RGPD</button></div>
        @endif
    </form>
</div>
@endsection