@page "/Admin/Posts"
@model SoroushAsadi.Pages.Admin.Posts.PostsIndexModel
@{
    Layout = "_AdminLayout";
    ViewData["Title"] = "Blog posts";
    var slugs = new[]{ "rag-eval-framework","agentic-n8n-patterns","vertex-cost-control","k8s-llm-inference","flutter-on-device-ai","enterprise-ai-roadmap" };
}

<h1 class="font-display text-2xl font-bold text-white mb-8">Blog posts</h1>

<div class="space-y-2">
  @foreach (var slug in slugs)
  {
    var hasOverride = Model.OverrideSlugs.Contains(slug);
    <div class="glass flex items-center justify-between p-4">
      <div class="flex items-center gap-3">
        <span class="font-mono text-sm text-white">@slug</span>
        @if (hasOverride)
        {
          <span class="rounded-full bg-violet/10 px-2 py-0.5 font-mono text-[.65rem] text-violet">customized</span>
        }
      </div>
      <div class="flex gap-2">
        <a href="/Admin/Posts/@slug" class="btn-ghost text-xs py-1.5 px-3">Edit</a>
        <a href="/blog/@slug" target="_blank" class="text-xs text-slate-400 hover:text-white transition-colors self-center">View ↗</a>
      </div>
    </div>
  }
</div>