@extends('layouts.admin')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold">Assistente / Chatbot � Gest�o do Corpus</h1>
            <p class="text-sm text-slate-500 mt-1">Edite o corpus (JSON) que alimenta o chatbot local. Cada entrada deve ter: <code>id, title, content, source</code>.</p>
        </div>
        <div class="flex items-center gap-2">
            <a href="{{ url('/' . app()->getLocale()) }}" target="_blank" class="px-4 py-2 bg-slate-100 rounded-lg text-sm hover:bg-slate-200">Abrir site</a>
        </div>
    </div>

    @if(session('success'))
        <div class="p-4 bg-green-50 border border-green-100 text-green-700 rounded-lg">{{ session('success') }}</div>
    @endif

    @if($errors->any())
        <div class="p-4 bg-blue-50 border border-[#dce8f0] text-[#06458F] rounded-lg">
            <ul class="list-disc pl-5">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('admin.chatbot.save') }}">
        @csrf
        <label class="text-xs font-bold uppercase tracking-wider text-slate-400">Corpus JSON *</label>
        <textarea name="corpus_json" rows="18" class="w-full mt-2 font-mono text-xs p-4 border border-slate-100 rounded-lg">{{ old('corpus_json', $json) }}</textarea>

        <div class="flex items-center gap-3 mt-4">
            <button type="submit" class="px-6 py-3 bg-[#06458F] text-white rounded-2xl font-bold text-sm uppercase tracking-widest">Guardar</button>

            <form method="POST" action="{{ route('admin.chatbot.extract') }}" onsubmit="return confirm('Extrair automaticamente o conte�do do site para o corpus? Isto ir� sobrescrever o ficheiro p�blico.');" style="display:inline;">
                @csrf
                <button type="submit" class="px-4 py-3 bg-slate-900 text-white rounded-2xl font-bold text-sm uppercase tracking-widest">Extrair Conte�do</button>
            </form>

            <a href="{{ route('admin.chatbot.entries') }}" class="px-4 py-3 ml-2 bg-slate-50 border border-slate-100 rounded-2xl text-sm">Editar entradas individuais</a>

            <a href="{{ asset('chat_corpus.json') }}" target="_blank" class="px-4 py-2 rounded-lg bg-slate-50 border border-slate-100 text-sm">Ver JSON p�blico</a>
            <a href="#" id="chat-preview" class="ml-auto text-sm text-slate-500 hover:underline">Como usar / Formato</a>
        </div>
    </form>

    <div class="bg-white border border-slate-100 rounded-lg p-4">
        <h3 class="font-bold">Exemplo de entrada</h3>
        <pre class="text-xs bg-slate-50 p-3 rounded mt-2">[
  {
    "id": "equipamentos",
    "title": "Equipamentos",
    "content": "Fornecemos drones, GPS GNSS RTK...",
    "source": "#servicos"
  }
]</pre>
        <p class="text-sm text-slate-500 mt-2">Depois de guardar, abra a homepage e teste o widget de chat (canto inferior direito).</p>
    </div>
</div>
@endsection