@extends('layout')

@section('content')
    <div class="page-head">
        @include('partials.context-back')
        <div class="t">
            <h1>{{ $document->title }}</h1>
            <p class="lead">Fonte de conhecimento · {{ label($document->status) }}</p>
        </div>
        <div class="actions">
            <a class="btn btn--ghost" href="{{ url('sistemas/'.$system->id.'/aurelio/documentos/'.$document->id.'/editar') }}"><i class="ic sm">edit</i> Editar fonte</a>
            <form method="post" action="{{ url('sistemas/'.$system->id.'/aurelio/documentos/'.$document->id.'/indexar') }}">
                @csrf
                <button class="btn btn--primary" type="submit"><i class="ic sm">refresh</i> {{ $document->status === 'indexado' ? 'Reindexar' : 'Indexar agora' }}</button>
            </form>
        </div>
    </div>

    @error('knowledge')<div class="alert" role="alert" style="margin-bottom:14px;border:1px solid var(--bad);padding:12px 14px;border-radius:var(--radius-sm)">{{ $message }}</div>@enderror

    @if ($document->status === 'pendente')
        <div class="alert" role="status" style="margin-bottom:14px;border:1px solid var(--border-strong);padding:12px 14px;border-radius:var(--radius-sm)">A indexação está pendente. Ela usa a fila <code>knowledge</code>; se o worker não estiver ativo, clique em “Indexar agora”.</div>
    @elseif ($document->status === 'falhou')
        <div class="alert" role="alert" style="margin-bottom:14px;border:1px solid var(--bad);padding:12px 14px;border-radius:var(--radius-sm)">{{ $document->error ?: 'A última tentativa de indexação falhou. Revise a fonte ou tente novamente.' }}</div>
    @endif

    <div class="detail">
        <div class="stack">
            <section class="card">
                <div class="card-head"><h2>Trechos indexados</h2><span class="grow"></span><span class="muted small">{{ $chunks->count() }} trecho(s)</span></div>
                <div class="card-body">
                    <div class="rows">
                        @forelse($chunks as $chunk)
                            <div class="item"><span class="ticket-id">{{ $chunk->position + 1 }}</span><span class="tx"><p style="white-space:pre-wrap">{{ $chunk->content }}</p></span></div>
                        @empty
                            <div class="empty"><i class="ic">pending</i><p>Nenhum trecho foi indexado ainda.</p></div>
                        @endforelse
                    </div>
                </div>
            </section>

            <section class="card">
                <div class="card-head"><h2>Conteúdo original</h2><span class="grow"></span><span class="muted small">Markdown · {{ number_format(mb_strlen($document->content), 0, ',', '.') }} caracteres</span></div>
                <div class="card-body">
                    <pre style="margin:0;max-height:65vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2)">{{ $document->content }}</pre>
                </div>
            </section>
        </div>

        <aside class="aside">
            <div class="card pad">
                <div class="meta-list">
                    <div class="m"><div class="l">Arquivo</div><div class="val">{{ $document->filename }}</div></div>
                    <div class="m"><div class="l">Situação</div><div class="val">{{ label($document->status) }}</div></div>
                    <div class="m"><div class="l">Indexado em</div><div class="val">{{ $document->indexed_at ? datetime_br($document->indexed_at, 'd/m/Y H:i') : 'Ainda não indexado' }}</div></div>
                </div>
                <a class="btn btn--ghost btn--block" style="margin-top:14px" href="{{ url('sistemas/'.$system->id.'/aurelio') }}">Voltar à central</a>
            </div>
        </aside>
    </div>
@endsection