@extends('layouts.app')
@section('title','Assistant IA')
@section('heading','Assistant IA')
@section('subheading','L\'IA connaît tout votre ERP')
@section('content')
<div class="max-w-3xl">
    <x-card>
        <form method="POST" action="{{ route('assistant.ask') }}" class="flex gap-2">@csrf
            <input name="q" value="{{ $query ?? '' }}" placeholder="Posez votre question…" autofocus class="flex-1 rounded-lg border border-slate-300 px-4 py-3 text-sm">
            <x-btn type="submit">Demander</x-btn>
        </form>
        <div class="flex flex-wrap gap-2 mt-3">
            @foreach(['Montre-moi les OF en retard','Quels clients rapportent le plus ?','Quels contrats expirent ce mois-ci ?','Factures impayées','Génère un devis'] as $ex)
                <form method="POST" action="{{ route('assistant.ask') }}">@csrf<input type="hidden" name="q" value="{{ $ex }}"><button class="text-xs bg-slate-100 hover:bg-brand-100 rounded-full px-3 py-1">{{ $ex }}</button></form>
            @endforeach
        </div>
    </x-card>
    @isset($answer)
    <x-card title="Réponse" class="mt-6">
        <p class="text-slate-700 mb-3">{{ $answer }}</p>
        @if(isset($items) && $items->count())
            <div class="space-y-1">
                @foreach($items as $it)
                    <a href="{{ $it['url'] }}" class="flex justify-between items-center py-2 px-3 rounded-lg hover:bg-slate-50 border border-slate-100">
                        <span class="text-sm font-medium">{{ $it['label'] }}</span>
                        <span class="text-xs text-slate-500">{{ $it['meta'] }}</span>
                    </a>
                @endforeach
            </div>
        @endif
    </x-card>
    @endisset
    <p class="text-xs text-slate-400 mt-4">💡 L'assistant interroge en temps réel les données de l'ERP. Pour des réponses génératives avancées, brancher l'API Claude (clé dans les paramètres).</p>
</div>
@endsection