@extends('layouts.admin')
@section('title','Blog')
@section('content')
@php
  $columns = [
    'title' => 'Post',
    'status' => 'Status',
    'author' => 'Author',
    'taxonomy' => 'Taxonomy',
    'published' => 'Published',
    'seo' => 'SEO',
    'actions' => 'Actions',
  ];
  $activeChips = collect([
      'status' => request('status'),
      'category_id' => request('category_id'),
      'tag_id' => request('tag_id'),
      'featured' => request('featured'),
      'cornerstone' => request('cornerstone'),
      'trashed' => request('trashed'),
  ])->filter(fn ($v) => filled($v));
  $tone = fn (?string $status) => match ($status) {
      'published' => 'success',
      'scheduled' => 'warning',
      'archived' => 'muted',
      default => 'muted',
  };
@endphp

<x-admin.page
    title="Blog"
    subtitle="Editorial command center — taxonomy, scheduling, revisions, related posts, and full on-page SEO."
>
    <x-slot:actions>
        <a href="{{ route('admin.post-categories.index') }}" class="admin-btn">
            <i data-lucide="folder" class="h-3.5 w-3.5"></i> Categories
        </a>
        <a href="{{ route('admin.post-tags.index') }}" class="admin-btn">
            <i data-lucide="tags" class="h-3.5 w-3.5"></i> Tags
        </a>
        <a href="{{ url('/blogs/news') }}" target="_blank" class="admin-btn">
            <i data-lucide="external-link" class="h-3.5 w-3.5"></i> View blog
        </a>
        <a href="{{ route('admin.posts.create') }}" class="admin-btn admin-btn-primary">
            <i data-lucide="plus" class="h-3.5 w-3.5"></i> New post
        </a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <a href="{{ route('admin.posts.index') }}" class="order-ops-stat {{ ! request()->hasAny(['status','featured','cornerstone','trashed']) ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Posts</span>
            <span class="order-ops-stat-value">{{ number_format($stats['total']) }}</span>
            <span class="order-ops-stat-meta">{{ number_format($stats['categories']) }} categories</span>
        </a>
        <a href="{{ route('admin.posts.index', ['status' => 'published']) }}" class="order-ops-stat {{ request('status') === 'published' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Published</span>
            <span class="order-ops-stat-value">{{ number_format($stats['published']) }}</span>
            <span class="order-ops-stat-meta">Live when dated</span>
        </a>
        <a href="{{ route('admin.posts.index', ['status' => 'draft']) }}" class="order-ops-stat {{ request('status') === 'draft' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Drafts</span>
            <span class="order-ops-stat-value">{{ number_format($stats['drafts']) }}</span>
            <span class="order-ops-stat-meta">{{ number_format($stats['scheduled']) }} scheduled</span>
        </a>
        <a href="{{ route('admin.posts.index', ['status' => 'scheduled']) }}" class="order-ops-stat {{ request('status') === 'scheduled' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Avg SEO</span>
            <span class="order-ops-stat-value">{{ $stats['avg_seo_score'] !== null ? $stats['avg_seo_score'] : '—' }}</span>
            <span class="order-ops-stat-meta">{{ number_format($stats['cornerstone']) }} cornerstone</span>
        </a>
    </div>

    <div class="order-ops-quick-filters mb-4">
        <a href="{{ route('admin.posts.index') }}" class="order-ops-chip {{ $activeChips->isEmpty() ? 'is-active' : '' }}">All</a>
        @foreach(['published','draft','scheduled','archived'] as $status)
            <a href="{{ route('admin.posts.index', ['status' => $status]) }}" class="order-ops-chip {{ request('status') === $status ? 'is-active' : '' }}">{{ ucfirst($status) }}</a>
        @endforeach
        <a href="{{ route('admin.posts.index', ['featured' => '1']) }}" class="order-ops-chip {{ request('featured') === '1' ? 'is-active' : '' }}">Featured</a>
        <a href="{{ route('admin.posts.index', ['cornerstone' => '1']) }}" class="order-ops-chip {{ request('cornerstone') === '1' ? 'is-active' : '' }}">Cornerstone</a>
        <a href="{{ route('admin.posts.index', ['trashed' => '1']) }}" class="order-ops-chip {{ request('trashed') === '1' ? 'is-active' : '' }}">Trash</a>
    </div>

    <div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_20rem]">
        <x-admin.advanced-table
            id="posts"
            :search-url="route('admin.posts.index')"
            search-placeholder="Search title, handle, excerpt, body…"
            :columns="$columns"
            :filters-open="$activeChips->isNotEmpty()"
        >
            <x-slot:filters>
                <div class="admin-select-field">
                    <label class="admin-label" for="filter-category">Category</label>
                    <div class="admin-select-wrap">
                        <select id="filter-category" name="category_id" form="posts-filter" class="admin-select" onchange="document.getElementById('posts-filter').submit()">
                            <option value="">Any</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" @selected((string) request('category_id') === (string) $category->id)>{{ $category->name }}</option>
                            @endforeach
                        </select>
                        <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                    </div>
                </div>
                <div class="admin-select-field">
                    <label class="admin-label" for="filter-tag">Tag</label>
                    <div class="admin-select-wrap">
                        <select id="filter-tag" name="tag_id" form="posts-filter" class="admin-select" onchange="document.getElementById('posts-filter').submit()">
                            <option value="">Any</option>
                            @foreach($tags as $tag)
                                <option value="{{ $tag->id }}" @selected((string) request('tag_id') === (string) $tag->id)>{{ $tag->name }}</option>
                            @endforeach
                        </select>
                        <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                    </div>
                </div>
                <div class="pt-2">
                    <a href="{{ route('admin.posts.index') }}" class="admin-btn w-full justify-center">Clear</a>
                </div>
            </x-slot:filters>

            <thead>
                <tr>
                    <th data-col="title">Post</th>
                    <th data-col="status">Status</th>
                    <th data-col="author">Author</th>
                    <th data-col="taxonomy">Taxonomy</th>
                    <th data-col="published">Published</th>
                    <th data-col="seo">SEO</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($posts as $post)
                    <tr>
                        <td data-col="title">
                            <a href="{{ route('admin.posts.edit', $post) }}" class="font-medium text-[#202223] hover:underline">{{ $post->title }}</a>
                            <div class="mt-0.5 font-mono text-xs text-[#6d7175]">{{ $post->handle }}</div>
                        </td>
                        <td data-col="status"><x-admin.badge :tone="$tone($post->status)">{{ $post->status }}</x-admin.badge></td>
                        <td data-col="author" class="text-sm">{{ $post->author_name ?: '—' }}</td>
                        <td data-col="taxonomy" class="text-xs text-[#6d7175]">
                            {{ $post->categories->pluck('name')->take(2)->join(', ') ?: '—' }}
                            @if($post->tags_count)<div class="mt-0.5">{{ $post->tags_count }} tags</div>@endif
                        </td>
                        <td data-col="published" class="text-sm whitespace-nowrap">{{ optional($post->published_at)->format('Y-m-d') ?: '—' }}</td>
                        <td data-col="seo">
                            @if($post->seo_score !== null)
                                <span class="font-semibold {{ $post->seo_score >= 70 ? 'text-emerald-700' : ($post->seo_score >= 40 ? 'text-amber-700' : 'text-red-700') }}">{{ $post->seo_score }}</span>
                            @else
                                <span class="text-[#8c9196]">—</span>
                            @endif
                        </td>
                        <td data-col="actions">
                            <div class="flex flex-wrap gap-1">
                                @if($post->trashed())
                                    <form method="post" action="{{ route('admin.posts.restore', $post->id) }}">@csrf
                                        <button class="admin-btn !px-2 !py-1 text-xs">Restore</button>
                                    </form>
                                @else
                                    <a href="{{ route('admin.posts.edit', $post) }}" class="admin-btn !px-2 !py-1 text-xs">Edit</a>
                                    <a href="{{ $post->publicUrl() }}" target="_blank" class="admin-btn !px-2 !py-1 text-xs">View</a>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="py-10 text-center text-sm text-[#6d7175]">No posts match these filters.</td>
                    </tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $posts->links() }}</x-slot:footer>
        </x-admin.advanced-table>

        <div class="space-y-5">
            <x-admin.section title="Taxonomy">
                <ul class="space-y-2 text-sm">
                    @foreach($categories->take(8) as $category)
                        <li class="flex justify-between gap-2">
                            <a href="{{ route('admin.posts.index', ['category_id' => $category->id]) }}" class="hover:underline">{{ $category->name }}</a>
                            <span class="text-[#6d7175]">{{ $category->posts()->count() }}</span>
                        </li>
                    @endforeach
                </ul>
                <a href="{{ route('admin.post-categories.index') }}" class="mt-3 inline-flex text-sm font-medium text-[#2c6ecb] hover:underline">Manage categories</a>
            </x-admin.section>
            <x-admin.section title="Tags">
                <div class="flex flex-wrap gap-2">
                    @foreach($tags->take(16) as $tag)
                        <a href="{{ route('admin.posts.index', ['tag_id' => $tag->id]) }}" class="order-ops-chip">{{ $tag->name }}</a>
                    @endforeach
                </div>
                <a href="{{ route('admin.post-tags.index') }}" class="mt-3 inline-flex text-sm font-medium text-[#2c6ecb] hover:underline">Manage tags</a>
            </x-admin.section>
        </div>
    </div>

    <form id="posts-filter" method="get" action="{{ route('admin.posts.index') }}" class="hidden">
        <input type="hidden" name="q" value="{{ request('q') }}">
        <input type="hidden" name="status" value="{{ request('status') }}">
        <input type="hidden" name="featured" value="{{ request('featured') }}">
        <input type="hidden" name="cornerstone" value="{{ request('cornerstone') }}">
        <input type="hidden" name="trashed" value="{{ request('trashed') }}">
    </form>
</x-admin.page>
@endsection