@extends('layouts.app')

@section('title', 'Knowledge base')

@section('content')
<h1>Knowledge base</h1>
<p style="margin-bottom:16px;"><a href="{{ route('knowledge.create') }}" style="padding:8px 16px; background:var(--m3-primary); color:var(--m3-on-primary); border-radius:8px; text-decoration:none;">New document</a><a href="{{ route('knowledge.export', request()->only('sort')) }}" style="margin-left:8px; padding:8px 16px; background:var(--m3-surface-variant); color:var(--m3-on-surface); border-radius:8px; text-decoration:none;">Export CSV</a></p>
<p style="margin-bottom:12px; color:var(--m3-outline); font-size:0.875rem;">Sort: <a href="{{ route('knowledge.index', ['sort' => 'created_desc']) }}" style="color:var(--m3-primary);">{{ request('sort', 'created_desc') === 'created_desc' ? 'Newest ✓' : 'Newest' }}</a> | <a href="{{ route('knowledge.index', ['sort' => 'created_asc']) }}" style="color:var(--m3-primary);">{{ request('sort') === 'created_asc' ? 'Oldest ✓' : 'Oldest' }}</a> | <a href="{{ route('knowledge.index', ['sort' => 'title_asc']) }}" style="color:var(--m3-primary);">{{ request('sort') === 'title_asc' ? 'Title A–Z ✓' : 'Title A–Z' }}</a> | <a href="{{ route('knowledge.index', ['sort' => 'title_desc']) }}" style="color:var(--m3-primary);">{{ request('sort') === 'title_desc' ? 'Title Z–A ✓' : 'Title Z–A' }}</a></p>
<div class="card">
    <h2>AI training documents</h2>
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Created</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($items as $item)
                    <tr>
                        <td>{{ $item->title }}</td>
                        <td>{{ $item->created_at->format('M j, Y') }}</td>
                        <td>
                            @if($item->file_path)
                                <a href="{{ route('knowledge.download', $item) }}" style="margin-right:8px;">Download</a>
                            @endif
                            <a href="{{ route('knowledge.edit', $item) }}" style="margin-right:8px;">Edit</a>
                            <form method="post" action="{{ route('knowledge.destroy', $item) }}" style="display:inline;" onsubmit="return confirm('Delete this document?');">@csrf @method('DELETE')<button type="submit" style="background:none;border:none;color:var(--m3-primary);cursor:pointer;padding:0;text-decoration:underline;">Delete</button></form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="empty-state">No documents yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($items->hasPages())
        <div class="pagination">{{ $items->links() }}</div>
    @endif
</div>
@endsection