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

@section('admin-content')

<div class="flex items-center justify-between mb-6">
    <p style="font-size:0.82rem; color:#9ca3af;">{{ $posts->total() }} total posts</p>
    <a href="{{ route('admin.blogs.create') }}" class="btn btn-primary">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-3.5 h-3.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>
        New Post
    </a>
</div>

<div class="admin-card" style="padding:0; overflow:hidden;">
    <table class="data-table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Author</th>
                <th>Category</th>
                <th>Status</th>
                <th>Published</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($posts as $post)
            <tr>
                <td style="max-width:220px;">
                    <div style="font-weight:600; color:#0f0f14;">{{ Str::limit($post->title, 40) }}</div>
                    @if($post->excerpt)
                    <div style="font-size:0.72rem; color:#9ca3af; margin-top:0.15rem;">{{ Str::limit($post->excerpt, 55) }}</div>
                    @endif
                </td>
                <td>{{ $post->author?->name ?? '—' }}</td>
                <td>
                    @if($post->category)
                    <span class="pill pill-blue">{{ $post->category }}</span>
                    @else
                    <span style="color:#d1d5db;">—</span>
                    @endif
                </td>
                <td>
                    <span class="pill {{ $post->status === 'published' ? 'pill-green' : 'pill-yellow' }}">
                        {{ ucfirst($post->status) }}
                    </span>
                </td>
                <td style="color:#9ca3af; white-space:nowrap;">
                    {{ $post->published_at?->format('d M Y') ?? '—' }}
                </td>
                <td>
                    <div class="flex items-center gap-2">
                        <a href="{{ route('admin.blogs.edit', $post) }}" class="btn btn-outline btn-sm">Edit</a>
                        @if($post->status === 'published')
                        <a href="{{ route('blog.show', $post) }}" target="_blank" class="btn btn-outline btn-sm">View</a>
                        @endif
                        <form action="{{ route('admin.blogs.destroy', $post) }}" method="POST"
                              onsubmit="return confirm('Delete this post permanently?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6" style="text-align:center; padding:3rem; color:#9ca3af;">
                    No blog posts yet.
                    <a href="{{ route('admin.blogs.create') }}" style="color:#2d3aff; font-weight:600;">Create your first post →</a>
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if($posts->hasPages())
<div class="mt-6">{{ $posts->links() }}</div>
@endif

@endsection