@extends('admin.layouts.app')

@section('title', 'Blog')
@section('page_title', 'Blog')

@section('content')
<div class="content-hub">
    <div class="content-hub__hero">
        <div>
            <p class="content-hub__eyebrow">Content · Publishing</p>
            <h1 class="content-hub__title">Blog</h1>
            <p class="content-hub__lead">Write advanced posts, manage taxonomy, SEO, and audit scores in one studio.</p>
        </div>
        <div class="content-hub__actions">
            @can('viewAny', \Apex\Modules\Blog\Models\BlogCategory::class)
                <a href="{{ route('admin.blog.categories.index') }}" class="home-btn home-btn--light">Categories</a>
            @endcan
            @can('viewAny', \Apex\Modules\Blog\Models\BlogTag::class)
                <a href="{{ route('admin.blog.tags.index') }}" class="home-btn home-btn--light">Tags</a>
            @endcan
            @can('create', \Apex\Modules\Blog\Models\BlogPost::class)
                <a href="{{ route('admin.blog.posts.create') }}" class="home-btn home-btn--primary">+ New post</a>
            @endcan
        </div>
    </div>

    <form method="GET" action="{{ route('admin.blog.posts.index') }}" class="content-hub__filters">
        <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search title, slug, excerpt…" class="content-hub__search">
        <select name="category_id" class="content-hub__select">
            <option value="">All categories</option>
            @foreach ($categories as $category)
                <option value="{{ $category->id }}" @selected((string) ($filters['category_id'] ?? '') === (string) $category->id)>{{ $category->name }}</option>
            @endforeach
        </select>
        <select name="status" class="content-hub__select">
            <option value="">All statuses</option>
            <option value="published" @selected(($filters['status'] ?? '') === 'published')>Published</option>
            <option value="draft" @selected(($filters['status'] ?? '') === 'draft')>Draft</option>
            <option value="scheduled" @selected(($filters['status'] ?? '') === 'scheduled')>Scheduled</option>
        </select>
        <button type="submit" class="home-btn home-btn--ghost home-btn--sm">Filter</button>
    </form>

    <div class="content-table-wrap">
        <table class="content-table">
            <thead>
                <tr>
                    <th>Post</th>
                    <th>Category</th>
                    <th>Status</th>
                    <th>SEO score</th>
                    <th class="text-right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($items as $item)
                    @php
                        $score = $item->seoAudit?->score;
                        $scoreClass = is_null($score) ? 'is-muted' : ($score >= 80 ? 'is-good' : ($score >= 60 ? 'is-mid' : 'is-low'));
                    @endphp
                    <tr>
                        <td>
                            <div class="content-table__primary">
                                @if($item->featuredImage)
                                    <img src="{{ $item->featuredImage->url() }}" alt="" class="content-table__thumb">
                                @else
                                    <span class="content-table__thumb content-table__thumb--empty">{{ strtoupper(substr($item->title, 0, 1)) }}</span>
                                @endif
                                <div>
                                    <p class="content-table__title">
                                        {{ $item->title }}
                                        @if($item->is_featured)
                                            <span class="content-badge is-live" style="margin-left:0.35rem;vertical-align:middle;">Featured</span>
                                        @endif
                                    </p>
                                    <p class="content-table__meta">
                                        {{ $item->author?->name ? $item->author->name.' · ' : '' }}/blog/{{ $item->slug }}
                                        · {{ $item->readingTimeMinutes() }} min read
                                    </p>
                                </div>
                            </div>
                        </td>
                        <td>{{ $item->category?->name ?? '—' }}</td>
                        <td>
                            <span class="content-badge {{ $item->status === 'published' ? 'is-live' : 'is-draft' }}">
                                {{ ucfirst($item->status) }}
                            </span>
                        </td>
                        <td>
                            <span class="seo-score-pill {{ $scoreClass }}">
                                {{ is_null($score) ? '—' : $score.'/100' }}
                            </span>
                        </td>
                        <td class="text-right">
                            <div class="content-table__actions">
                                @can('update', $item)
                                    <a href="{{ route('admin.blog.posts.edit', $item) }}" class="content-link">Edit</a>
                                    <a href="{{ route('admin.blog.posts.edit', ['post' => $item, 'tab' => 'audit']) }}" class="content-link">Audit</a>
                                @endcan
                                @if($item->status === 'published')
                                    <a href="{{ route('blog.show', $item->slug) }}" target="_blank" class="content-link">View</a>
                                @endif
                                @can('delete', $item)
                                    <form action="{{ route('admin.blog.posts.destroy', $item) }}" method="POST" class="inline" onsubmit="return confirm('Delete this post?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="content-link is-danger">Delete</button>
                                    </form>
                                @endcan
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="content-table__empty">No posts yet. Create your first blog article.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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