{{-- resources/views/admin/posts/index.blade.php --}}
@extends('layouts.admin')
@section('title', 'Blog')

@section('breadcrumb')
<a href="{{ route('admin.dashboard') }}" class="text-slate-400 hover:text-slate-600">Dashboard</a>
<svg class="w-3 h-3 text-slate-300 mx-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
<span class="text-slate-700 font-medium">Blog</span>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Blog Posts</h1>
        <p class="page-subtitle">{{ $posts->total() }} total posts</p>
    </div>
    @can('posts.create')
    <a href="{{ route('admin.posts.create') }}" class="btn-primary">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/></svg>
        New Post
    </a>
    @endcan
</div>

{{-- Filters --}}
<div class="card mb-5">
    <form method="GET" class="flex flex-wrap gap-3 px-5 py-4">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search posts…" class="field-input flex-1 min-w-48">
        <select name="status" class="field-input w-40">
            <option value="">All Statuses</option>
            @foreach(['draft','pending_review','pending_client','published','archived'] as $s)
            <option value="{{ $s }}" @selected(request('status') === $s)>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
            @endforeach
        </select>
        <button type="submit" class="btn-secondary">Filter</button>
        @if(request()->hasAny(['search','status']))<a href="{{ route('admin.posts.index') }}" class="btn-ghost">Clear</a>@endif
    </form>
</div>

{{-- Posts table --}}
<div class="card">
    <div class="table-wrapper">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Author</th>
                    <th>Category</th>
                    <th>Status</th>
                    <th>SEO</th>
                    <th>Published</th>
                    <th class="text-right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($posts as $post)
                <tr>
                    <td>
                        <div class="font-medium text-slate-800">{{ Str::limit($post->title, 50) }}</div>
                        <div class="text-xs text-slate-400 mt-0.5">/blog/{{ $post->slug }}</div>
                    </td>
                    <td>
                        <div class="flex items-center gap-2">
                            <img src="{{ $post->author?->avatar_url }}" class="w-6 h-6 rounded-full" alt="">
                            <span>{{ $post->author?->name ?? '—' }}</span>
                        </div>
                    </td>
                    <td><span class="text-slate-500">{{ $post->category?->name ?? '—' }}</span></td>
                    <td>
                        <span class="status-badge status-{{ $post->status }}">
                            {{ ucfirst(str_replace('_',' ',$post->status)) }}
                        </span>
                    </td>
                    <td>
                        @php $score = app(\App\Services\SEO\SeoScoringService::class)->score($post) @endphp
                        <div class="flex items-center gap-1.5">
                            <div class="w-12 h-1.5 bg-slate-100 rounded-full overflow-hidden">
                                <div class="h-full rounded-full {{ $score >= 80 ? 'bg-emerald-500' : ($score >= 60 ? 'bg-amber-500' : 'bg-rose-500') }}" style="width:{{ $score }}%"></div>
                            </div>
                            <span class="text-xs text-slate-500">{{ $score }}</span>
                        </div>
                    </td>
                    <td class="text-slate-500">{{ $post->published_at?->format('d M Y') ?? '—' }}</td>
                    <td>
                        <div class="flex items-center justify-end gap-1">
                            @can('posts.edit')
                            <a href="{{ route('admin.posts.edit', $post) }}" class="btn-ghost btn-sm">Edit</a>
                            @endcan
                            @if($post->isDraft())
                            @can('posts.create')
                            <form method="POST" action="{{ route('admin.posts.submit', $post) }}">@csrf
                                <button type="submit" class="btn-secondary btn-sm">Submit</button>
                            </form>
                            @endcan
                            @endif
                            @if($post->isPendingReview())
                            @can('posts.approve')
                            <form method="POST" action="{{ route('admin.posts.approve', $post) }}">@csrf
                                <button type="submit" class="btn-primary btn-sm">Approve</button>
                            </form>
                            @endcan
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7">
                    <div class="empty-state">
                        <div class="empty-state-icon bg-indigo-100 text-indigo-600">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/></svg>
                        </div>
                        <div class="empty-state-title">No posts yet</div>
                        <p class="empty-state-desc">Share your expertise. Create your first blog post to start building search authority.</p>
                        @can('posts.create')
                        <a href="{{ route('admin.posts.create') }}" class="btn-primary">Write First Post</a>
                        @endcan
                    </div>
                </td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="px-5 py-4 border-t border-slate-100">{{ $posts->links() }}</div>
</div>
@endsection