@extends('layouts.dashboard')

@section('title', 'Blog & Knowledge Administration | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h4 class="fw-bold mb-0">Articles &amp; Knowledge Base</h4>
        <a href="{{ route('admin.blogs.create') }}" class="default__button btn-sm">Draft New Article</a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Title</th>
                    <th>Category</th>
                    <th>Author</th>
                    <th>Status</th>
                    <th>Views</th>
                    <th>Published At</th>
                </tr>
            </thead>
            <tbody>
                @forelse($posts as $post)
                    <tr>
                        <td>
                            <strong><a href="{{ route('blogs.show', $post->slug) }}" target="_blank" class="text-dark">{{ $post->title }}</a></strong>
                        </td>
                        <td><span class="badge bg-secondary-subtle text-secondary">{{ $post->category->name }}</span></td>
                        <td>{{ $post->author->name ?? 'AICDS Editorial' }}</td>
                        <td>
                            <span class="badge {{ $post->status === 'published' ? 'bg-success' : 'bg-warning text-dark' }} text-uppercase">
                                {{ $post->status }}
                            </span>
                        </td>
                        <td>{{ $post->view_count }}</td>
                        <td class="small text-muted">{{ $post->published_at ? $post->published_at->format('M d, Y') : 'Draft' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">No articles created yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $posts->links() }}</div>
</div>

@endsection