@php use Illuminate\Support\Str; @endphp
<div @if($this->haIndicizzazioneInCorso) wire:poll.5s="aggiornaStatoOperazione" wire:poll.keep-alive @endif>
    @if($messaggioErrore)
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            {{ $messaggioErrore }}
        </div>
    @endif

    @if($messaggioSuccesso)
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            {{ $messaggioSuccesso }}
        </div>
    @endif

    @if($this->haIndicizzazioneInCorso)
        <div class="alert alert-info d-flex flex-wrap align-items-center justify-content-between">
            <span>
                <i class="fas fa-spinner fa-spin mr-2"></i>
                Indicizzazione in corso su Gemini… attendere.
                @if($uploadMultiploTotali > 0)
                    ({{ $uploadMultiploCompletati }}/{{ $uploadMultiploTotali }} file)
                @endif
            </span>
            <button type="button" class="btn btn-sm btn-outline-secondary mt-2 mt-md-0"
                    wire:click="sincronizzaDocumentiInUpload"
                    wire:loading.attr="disabled">
                Verifica su Gemini
            </button>
        </div>
    @endif

    <div class="row">
        {{-- Colonna store --}}
        <div class="col-lg-4">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">File Search Store</h3>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label>Chiave API</label>
                        <select wire:model.live="chiaveApiSelezionataId" class="form-control form-control-sm">
                            <option value="">— Seleziona —</option>
                            @foreach($this->chiaviApi as $chiave)
                                <option value="{{ $chiave->id }}">{{ $chiave->name }} ({{ $chiave->type }})</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label>Nuovo store</label>
                        <input type="text" wire:model="nomeNuovoStore" class="form-control form-control-sm"
                               placeholder="es. BiaOnline Knowledge">
                    </div>
                    <button type="button" wire:click="creaStore" class="btn btn-primary btn-sm btn-block"
                            wire:loading.attr="disabled" @disabled(!$chiaveApiSelezionataId)>
                        <span wire:loading.remove wire:target="creaStore">Crea store</span>
                        <span wire:loading wire:target="creaStore">Creazione…</span>
                    </button>

                    <hr>

                    <p class="text-muted small mb-2">Store registrati</p>
                    <ul class="list-group list-group-flush">
                        @forelse($this->stores as $store)
                            <li class="list-group-item d-flex justify-content-between align-items-center px-0 py-2
                                {{ $storeSelezionatoId === $store->id ? 'bg-light' : '' }}">
                                <div>
                                    <button type="button" wire:click="selezionaStore({{ $store->id }})"
                                            class="btn btn-link btn-sm p-0 text-left">
                                        <strong>{{ $store->nome_visualizzato }}</strong>
                                        @if($store->is_active)
                                            <span class="badge badge-success ml-1">attivo</span>
                                        @endif
                                    </button>
                                    <br>
                                    <small class="text-muted">{{ Str::limit($store->gemini_resource_name, 40) }}</small>
                                </div>
                                <button type="button" wire:click="eliminaStore({{ $store->id }})"
                                        wire:confirm="Eliminare lo store e tutti i riferimenti locali?"
                                        class="btn btn-outline-danger btn-xs">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </li>
                        @empty
                            <li class="list-group-item text-muted px-0">Nessuno store. Creane uno per iniziare.</li>
                        @endforelse
                    </ul>
                </div>
            </div>

            @if($this->storeSelezionato && $this->dettaglioStoreGemini)
                <div class="card card-outline card-secondary">
                    <div class="card-header"><h3 class="card-title">Stato su Gemini</h3></div>
                    <div class="card-body small">
                        <dl class="row mb-0">
                            <dt class="col-7">Documenti attivi</dt>
                            <dd class="col-5">{{ $this->dettaglioStoreGemini['activeDocumentsCount'] ?? '—' }}</dd>
                            <dt class="col-7">In elaborazione</dt>
                            <dd class="col-5">{{ $this->dettaglioStoreGemini['pendingDocumentsCount'] ?? '—' }}</dd>
                            <dt class="col-7">Falliti</dt>
                            <dd class="col-5">{{ $this->dettaglioStoreGemini['failedDocumentsCount'] ?? '—' }}</dd>
                            <dt class="col-7">Dimensione</dt>
                            <dd class="col-5">{{ isset($this->dettaglioStoreGemini['sizeBytes']) ? number_format((int)$this->dettaglioStoreGemini['sizeBytes']) . ' B' : '—' }}</dd>
                        </dl>
                    </div>
                </div>
            @endif
        </div>

        {{-- Colonna documenti --}}
        <div class="col-lg-8">
            @if(!$storeSelezionatoId)
                <div class="alert alert-secondary">Seleziona o crea uno store per caricare i documenti.</div>
            @else
                <div class="card card-outline card-success mb-3">
                    <div class="card-header"><h3 class="card-title">Carica documento</h3></div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Titolo</label>
                                    <input type="text" wire:model="titoloDocumento" class="form-control form-control-sm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Categoria</label>
                                    <select wire:model="categoriaDocumento" class="form-control form-control-sm">
                                        @foreach($this->categorie as $val => $label)
                                            <option value="{{ $val }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Versione</label>
                                    <input type="text" wire:model="versioneDocumento" class="form-control form-control-sm">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Note interne</label>
                            <textarea wire:model="noteDocumento" class="form-control form-control-sm" rows="2"></textarea>
                        </div>
                        <div class="form-group">
                            <label>File</label>
                            <input type="file" wire:model="fileDocumento" class="form-control-file">
                            <div wire:loading wire:target="fileDocumento" class="text-muted small">Caricamento file…</div>
                        </div>
                        <button type="button" wire:click="caricaDocumento" class="btn btn-success btn-sm"
                                wire:loading.attr="disabled">
                            Carica singolo
                        </button>

                        <hr class="my-3">

                        <div class="form-group">
                            <label>Upload multiplo (stessa categoria/versione)</label>
                            <input type="file" wire:model="fileDocumentiMultipli" class="form-control-file" multiple>
                        </div>
                        <button type="button" wire:click="caricaDocumentiMultipli" class="btn btn-outline-success btn-sm"
                                wire:loading.attr="disabled">
                            Carica tutti i file selezionati
                        </button>
                    </div>
                </div>

                <div class="card card-outline card-info">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title mb-0">Documenti caricati</h3>
                        <div class="d-flex gap-2">
                            <select wire:model.live="filtroCategoria" class="form-control form-control-sm" style="width:auto;">
                                <option value="">Tutte le categorie</option>
                                @foreach($this->categorie as $val => $label)
                                    <option value="{{ $val }}">{{ $label }}</option>
                                @endforeach
                            </select>
                            <select wire:model.live="filtroStato" class="form-control form-control-sm" style="width:auto;">
                                <option value="">Tutti gli stati</option>
                                @foreach($statiDocumento as $stato)
                                    <option value="{{ $stato }}">{{ $stato }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Titolo</th>
                                    <th>Cat.</th>
                                    <th>Ver.</th>
                                    <th>Stato</th>
                                    <th>Caricato da</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($this->documenti as $doc)
                                    <tr>
                                        <td>
                                            {{ $doc->titolo }}
                                            <br><small class="text-muted">{{ $doc->nome_file_originale }}</small>
                                            @if($doc->errore_messaggio)
                                                <br><small class="text-danger">{{ Str::limit($doc->errore_messaggio, 80) }}</small>
                                            @endif
                                        </td>
                                        <td>{{ $doc->categoria }}</td>
                                        <td>{{ $doc->versione }}</td>
                                        <td>
                                            @if($doc->stato === 'indexed')
                                                <span class="badge badge-success">indexed</span>
                                            @elseif($doc->stato === 'uploading')
                                                <span class="badge badge-warning">uploading</span>
                                            @elseif($doc->stato === 'failed')
                                                <span class="badge badge-danger">failed</span>
                                            @else
                                                <span class="badge badge-secondary">{{ $doc->stato }}</span>
                                            @endif
                                        </td>
                                        <td><small>{{ $doc->caricatoDa?->name ?? '—' }}</small></td>
                                        <td class="text-nowrap">
                                            @if($doc->is_active && $doc->stato === 'indexed')
                                                <button type="button" wire:click="disattivaDocumento({{ $doc->id }})"
                                                        class="btn btn-xs btn-outline-secondary" title="Disattiva">
                                                    <i class="fas fa-ban"></i>
                                                </button>
                                            @endif
                                            <button type="button" wire:click="eliminaDocumento({{ $doc->id }})"
                                                    wire:confirm="Eliminare questo documento da Gemini e dal registro?"
                                                    class="btn btn-xs btn-outline-danger">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center text-muted py-4">Nessun documento.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="card card-outline card-warning mt-3">
                    <div class="card-header"><h3 class="card-title">Prova knowledge base (RAG)</h3></div>
                    <div class="card-body">
                        <div class="form-group">
                            <label>Domanda di test</label>
                            <textarea wire:model="domandaTest" class="form-control" rows="2"
                                      placeholder="es. Come si interpreta l'angolo di fase in una analisi BIA?"></textarea>
                        </div>
                        <button type="button" wire:click="eseguiTestQuery" class="btn btn-warning btn-sm"
                                wire:loading.attr="disabled">
                            Esegui test
                        </button>
                        @if($modelloRagUsato)
                            <small class="text-muted d-block mt-1">
                                Modello (default di sistema): <strong>{{ $modelloRagUsato }}</strong>
                            </small>
                        @else
                            <small class="text-muted d-block mt-1">
                                Verrà usato il modello configurato in Gestione Chiavi API.
                            </small>
                        @endif
                        @if($rispostaTest)
                            <div class="mt-3">
                                <h6>Risposta</h6>
                                <div class="border rounded p-2 bg-light small" style="white-space: pre-wrap;">{{ $rispostaTest }}</div>
                                @if($citazioniTest)
                                    <h6 class="mt-2">Citazioni</h6>
                                    <div class="border rounded p-2 small text-muted" style="white-space: pre-wrap;">{{ $citazioniTest }}</div>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>