@extends('admin.layout')
@section('title', 'Blog')
@section('page-title', 'Manage Blog Posts')

@section('content')
<div class="flex items-center justify-between mb-6">
    <p class="text-gray-400 text-sm">{{ $blogs->total() }} posts</p>
    <a href="{{ route('admin.blog.create') }}" class="px-4 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-semibold rounded-xl transition-all flex items-center gap-2"><i class="fas fa-plus text-xs"></i> New Post</a>
</div>
@if($blogs->count() > 0)
    <div class="space-y-3">
        @foreach($blogs as $blog)
            <div class="bg-gray-900 border border-gray-800 rounded-2xl p-5 flex items-center justify-between hover:border-gray-700 transition-all">
                <div class="flex items-center gap-4 flex-1 min-w-0">
                    <div class="w-16 h-12 bg-gray-800 rounded-xl overflow-hidden flex-shrink-0">
                        @if($blog->thumbnail)<img src="{{ Storage::url($blog->thumbnail) }}" class="w-full h-full object-cover">@else<div class="w-full h-full flex items-center justify-center"><i class="fas fa-newspaper text-gray-600"></i></div>@endif
                    </div>
                    <div class="min-w-0">
                        <p class="text-sm font-bold text-white truncate">{{ $blog->title }}</p>
                        <div class="flex items-center gap-2 mt-1">
                            <span class="text-xs text-gray-500">{{ $blog->created_at->format('M d, Y') }}</span>
                            <span class="px-2 py-0.5 text-xs rounded-full font-medium {{ $blog->is_published ? 'bg-green-500/10 text-green-400' : 'bg-yellow-500/10 text-yellow-400' }}">{{ $blog->is_published ? 'Published' : 'Draft' }}</span>
                            <span class="text-xs text-gray-600">{{ $blog->views }} views</span>
                        </div>
                    </div>
                </div>
                <div class="flex items-center gap-1 ml-4">
                    <form action="{{ route('admin.blog.toggle-publish', $blog) }}" method="POST"><button type="submit" class="w-8 h-8 bg-{{ $blog->is_published ? 'yellow' : 'green' }}-500/10 hover:bg-{{ $blog->is_published ? 'yellow' : 'green' }}-500 text-{{ $blog->is_published ? 'yellow' : 'green' }}-400 hover:text-white rounded-lg flex items-center justify-center transition-all text-xs" title="{{ $blog->is_published ? 'Unpublish' : 'Publish' }}"><i class="fas fa-{{ $blog->is_published ? 'eye-slash' : 'eye' }}"></i></button>@csrf</form>
                    <a href="{{ route('admin.blog.edit', $blog) }}" class="w-8 h-8 bg-indigo-500/10 hover:bg-indigo-500 text-indigo-400 hover:text-white rounded-lg flex items-center justify-center transition-all text-xs"><i class="fas fa-edit"></i></a>
                    @include('admin.partials.delete-btn', ['route' => route('admin.blog.destroy', $blog)])
                </div>
            </div>
        @endforeach
    </div>
    <div class="mt-4">{{ $blogs->links() }}</div>
@else
    @include('admin.partials.empty-state', ['icon' => 'fas fa-blog', 'title' => 'No Blog Posts', 'actionRoute' => route('admin.blog.create'), 'actionText' => 'Write First Post'])
@endif
@endsection