@extends('layouts.admin')
@section('title', 'Blog Posts')
@section('content')
<div class="flex items-center justify-between mb-6">
    <div class="text-cream/50 text-sm">Total Posts: {{ $blogs->total() }}</div>
    <a href="{{ route('admin.blogs.create') }}" class="btn-primary">
        <i class="fas fa-plus"></i> New Blog Post
    </a>
</div>

<form method="GET" class="admin-card p-4 mb-6 flex flex-wrap gap-3">
    <input type="text" name="search" value="{{ request('search') }}" placeholder="Search posts..." class="form-input flex-1 min-w-[200px]">
    <select name="status" class="form-input w-auto">
        <option value="">All Status</option>
        <option value="published" {{ request('status') === 'published' ? 'selected' : '' }}>Published</option>
        <option value="draft" {{ request('status') === 'draft' ? 'selected' : '' }}>Draft</option>
    </select>
    <button type="submit" class="btn-primary"><i class="fas fa-search"></i> Search</button>
</form>

<div class="admin-card overflow-hidden">
    <table>
        <thead>
            <tr>
                <th>Post</th>
                <th>Author</th>
                <th>Status</th>
                <th>Views</th>
                <th>Published At</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($blogs as $blog)
            <tr>
                <td>
                    <div class="flex items-center gap-3">
                        <img src="{{ $blog->thumbnail_url }}" alt="{{ $blog->title }}" class="w-12 h-8 rounded object-cover border border-gold/10">
                        <div>
                            <div class="font-medium text-cream text-sm">{{ Str::limit($blog->title, 40) }}</div>
                            <div class="text-cream/40 text-xs">{{ $blog->blogCategory?->name ?? 'Uncategorized' }}</div>
                        </div>
                    </div>
                </td>
                <td class="text-sm text-cream/70">{{ $blog->author?->name ?? 'System' }}</td>
                <td>
                    <span class="badge badge-{{ $blog->status_color }}">
                        {{ ucfirst($blog->status) }}
                    </span>
                </td>
                <td class="text-sm text-cream/60">{{ number_format($blog->view_count) }}</td>
                <td class="text-sm text-cream/60">
                    {{ $blog->published_at ? $blog->published_at->format('M d, Y') : 'N/A' }}
                </td>
                <td>
                    <div class="flex items-center gap-2">
                        <a href="{{ route('blog.show', $blog->slug) }}" target="_blank" class="w-7 h-7 rounded-lg bg-white/5 hover:bg-white/10 flex items-center justify-center text-blue-400 transition-colors">
                            <i class="fas fa-external-link-alt text-xs"></i>
                        </a>
                        <a href="{{ route('admin.blogs.edit', $blog) }}" class="w-7 h-7 rounded-lg bg-white/5 hover:bg-white/10 flex items-center justify-center text-gold transition-colors">
                            <i class="fas fa-edit text-xs"></i>
                        </a>
                        <form method="POST" action="{{ route('admin.blogs.destroy', $blog) }}" onsubmit="return confirm('Delete this post?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="w-7 h-7 rounded-lg bg-red-500/20 hover:bg-red-500/30 flex items-center justify-center text-red-400 transition-colors">
                                <i class="fas fa-trash text-xs"></i>
                            </button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="text-center text-cream/40 py-10">No blog posts found.</td></tr>
            @endforelse
        </tbody>
    </table>
    <div class="p-4 border-t border-gold/10">{{ $blogs->withQueryString()->links() }}</div>
</div>
@endsection