@extends('root')
@section('title', 'Knowledge Base AI')

@section('content')
<div class="container-fluid">
    @include('components.breadcrumb', [
        'title' => 'Knowledge Base (RAG)',
        'links' => [
            ['url' => route('client.balasan-otomatis.index'), 'label' => 'Auto Reply'],
            ['url' => route('client.ai-knowledge.index'), 'label' => 'Knowledge Base'],
        ],
        'current' => 'Data Rujukan AI'
    ])
    <div class="d-flex justify-content-between align-items-center mb-4">
        <span></span>
        <a href="{{ route('client.ai-knowledge.create') }}" class="btn btn-primary shadow-sm">
            <i class="ti ti-upload me-1"></i> Tambah Dokumen Baru
        </a>
    </div>

    <div class="row row-cards">
                <div class="col-12">
                    <div class="card shadow-sm border-0">
                        <div class="card-header bg-white py-4 border-bottom-0 align-items-center">
                            <div>
                                <h3 class="card-title fw-bold text-dark"><i class="ti ti-books me-2 text-primary fs-2"></i>Daftar Dokumen AI</h3>
                                <p class="text-muted mb-0 mt-1 small">Berikan informasi faktual (FAQ, Kebijakan, Promo) agar AI dapat menjawab secara akurat tanpa halusinasi berdasarkan data yang Anda unggah.</p>
                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-vcenter card-table table-hover">
                                <thead class="bg-light">
                                    <tr>
                                        <th class="px-4 py-3 text-secondary text-uppercase font-weight-bold" width="30%">Judul Topik</th>
                                        <th class="px-3 py-3 text-secondary text-uppercase font-weight-bold" width="15%">Kategori</th>
                                        <th class="px-3 py-3 text-secondary text-uppercase font-weight-bold" width="20%">Pecahan Data (Chunks)</th>
                                        <th class="px-3 py-3 text-secondary text-uppercase font-weight-bold" width="15%">Terakhir Diupdate</th>
                                        <th class="px-4 py-3 text-secondary text-uppercase font-weight-bold text-end" width="20%">Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($knowledges as $knowledge)
                                        <tr>
                                            <td class="px-4">
                                                <div class="d-flex align-items-center">
                                                    <div class="avatar bg-primary-lt rounded me-3"><i class="ti ti-file-text"></i></div>
                                                    <div>
                                                        <a href="{{ route('client.ai-knowledge.edit', $knowledge) }}" class="text-body d-block fw-bold">{{ $knowledge->title }}</a>
                                                        <div class="text-muted small mt-1">Dibuat: {{ $knowledge->created_at->format('d M Y') }}</div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="px-3">
                                                @php
                                                    $bagdes = [
                                                        'faq' => ['color' => 'success', 'label' => 'FAQ / Tanya Jawab'],
                                                        'product_info' => ['color' => 'primary', 'label' => 'Info Produk'],
                                                        'policy' => ['color' => 'warning', 'label' => 'Kebijakan / Aturan'],
                                                        'other' => ['color' => 'secondary', 'label' => 'Lain-lain'],
                                                    ];
                                                    $bdg = $bagdes[$knowledge->knowledge_type] ?? $bagdes['other'];
                                                @endphp
                                                <span class="badge bg-{{ $bdg['color'] }}-lt border border-{{ $bdg['color'] }} border-opacity-25">{{ $bdg['label'] }}</span>
                                            </td>
                                            <td class="px-3">
                                                <span class="badge bg-light text-dark border d-inline-flex align-items-center">
                                                    <i class="ti ti-puzzle me-1 text-muted"></i>{{ $knowledge->documents_count }} Potongan Konteks
                                                </span>
                                            </td>
                                            <td class="px-3 text-muted small">
                                                {{ $knowledge->updated_at->diffForHumans() }}
                                            </td>
                                            <td class="px-4 text-end">
                                                <div class="btn-group">
                                                    <a href="{{ route('client.ai-knowledge.show', $knowledge) }}" class="btn btn-sm btn-white text-info border shadow-sm" data-bs-toggle="tooltip" title="Lihat Detail">
                                                        <i class="ti ti-eye"></i>
                                                    </a>
                                                    <a href="{{ route('client.ai-knowledge.edit', $knowledge) }}" class="btn btn-sm btn-white text-primary border shadow-sm" style="border-radius:0;" data-bs-toggle="tooltip" title="Edit Dokumen">
                                                        <i class="ti ti-edit"></i>
                                                    </a>
                                                    <form action="{{ route('client.ai-knowledge.destroy', $knowledge) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus dokumen knowledge base ini secara permanen?');">
                                                        @csrf @method('DELETE')
                                                        <button type="submit" class="btn btn-sm btn-white text-danger border shadow-sm" style="border-top-left-radius: 0; border-bottom-left-radius: 0;" data-bs-toggle="tooltip" title="Hapus">
                                                            <i class="ti ti-trash"></i>
                                                        </button>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center py-5">
                                                <div class="empty">
                                                    <div class="empty-img text-muted mb-3">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-database-off" width="48" height="48" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                                          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                                          <path d="M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74"></path>
                                                          <path d="M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6"></path>
                                                          <path d="M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4"></path>
                                                          <path d="M3 3l18 18"></path>
                                                        </svg>
                                                    </div>
                                                    <p class="empty-title fw-bold text-muted mb-1">Belum ada Knowledge Base AI</p>
                                                    <p class="empty-subtitle text-muted small">Tambahkan profil perusahaan, FAQ, atau kebijakan pengembalian agar AI dapat belajar.</p>
                                                    <div class="empty-action mt-3">
                                                        <a href="{{ route('client.ai-knowledge.create') }}" class="btn btn-primary shadow-sm">
                                                            <i class="ti ti-upload me-2"></i> Unggah Dokumen Pertama
                                                        </a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>
@endsection