@extends('admin.layouts.app')

@section('title', 'Blog Posts')
@section('crumbs')<a href="{{ route('admin.posts.index') }}">Blog</a><span>Posts</span>@endsection

@section('content')
    <div class="page-actions">
        <p class="muted">{{ $posts->total() }} posts</p>
        <div style="display:flex;gap:8px;flex-wrap:wrap">
            <a href="{{ route('admin.blog-categories.index') }}" class="btn btn-ghost">📚 Categories</a>
            <a href="{{ route('admin.posts.create') }}" class="btn btn-primary">＋ New post</a>
        </div>
    </div>

    <div class="card">
        <form method="GET" class="filters">
            <div class="field grow">
                <label for="q">Search</label>
                <input type="search" id="q" name="q" value="{{ request('q') }}" placeholder="Post title…">
            </div>
            <div class="btns"><button type="submit" class="btn btn-primary">Search</button></div>
        </form>
        <div class="table-wrap">
            <table class="table">
                <thead><tr><th>Post</th><th>Category</th><th>Products</th><th>Published</th><th>Status</th><th class="text-right">Actions</th></tr></thead>
                <tbody>
                @forelse ($posts as $p)
                    <tr>
                        <td>
                            <div class="cell-main">
                                <div class="thumb" style="{{ $p->bg ? 'background:'.$p->bg : '' }}">
                                    @if ($p->cover)<img src="{{ asset('storage/'.$p->cover) }}" alt="">@else{{ $p->icon ?: '📝' }}@endif
                                </div>
                                <div>
                                    <div class="t">{{ $p->title }}</div>
                                    <div class="s">by {{ $p->author }}</div>
                                </div>
                            </div>
                        </td>
                        <td>{{ $p->category?->name ?? '—' }}</td>
                        <td>{{ $p->products_count }}</td>
                        <td class="nowrap small">{{ $p->published_at?->format('d M Y') ?? '—' }}</td>
                        <td>
                            @if (! $p->is_published)
                                <span class="badge badge-inactive">Draft</span>
                            @elseif ($p->published_at && $p->published_at->isFuture())
                                <span class="badge badge-soon">Scheduled</span>
                            @else
                                <span class="badge badge-active">Published</span>
                            @endif
                        </td>
                        <td>
                            <div class="actions">
                                <a href="{{ route('admin.posts.edit', $p) }}" class="btn btn-ghost btn-sm">Edit</a>
                                <form method="POST" action="{{ route('admin.posts.destroy', $p) }}" data-confirm="Delete post “{{ $p->title }}”?">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="empty">No posts found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $posts->links('admin.partials.pagination') }}
    </div>
@endsection