---
import AdminLayout from '../../layouts/AdminLayout.astro';
import ContentFactoryDashboard from '../../components/admin/content/ContentFactoryDashboard';
import ResourceMonitor from '../../components/admin/ResourceMonitor';
---

<AdminLayout title="Content Factory">
  <div class="space-y-8">
    <!-- Header Section -->
    <div class="flex items-center justify-between">
      <div>
        <h2 class="text-3xl font-bold text-white flex items-center gap-3">
          <span class="text-4xl">🏭</span>
          Content Factory
        </h2>
        <p class="text-gray-400 mt-1">Tactical Command Center for bulk content generation</p>
      </div>
      <div class="flex gap-3">
        <a 
          href="/admin/factory/kanban" 
          class="px-4 py-2 bg-slate-800 hover:bg-slate-700 text-white rounded-lg border border-slate-700 transition-colors"
        >
          📋 Kanban Board
        </a>
        <a 
          href="/admin/sites/jumpstart" 
          class="px-4 py-2 bg-blue-600 hover:bg-blue-500 text-white rounded-lg transition-colors"
        >
          🚀 Jumpstart Wizard
        </a>
      </div>
    </div>

    <!-- Main Dashboard - Uses real Directus data -->
    <ContentFactoryDashboard client:load />

    <!-- Resource Monitor -->
    <div class="mt-8">
      <h3 class="text-lg font-semibold text-white mb-4">System Resources</h3>
      <ResourceMonitor client:load />
    </div>
  </div>
</AdminLayout>
