@extends('admin.layouts.app')

@section('title', 'Pages Management')

@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <div class="flex justify-between items-center mb-6">
        <div>
            <h1 class="text-3xl font-bold text-slate-900">Pages</h1>
            <p class="text-slate-600 mt-1">Manage CMS pages</p>
        </div>
        <button onclick="alert('Create page functionality coming soon')" 
                class="admin-btn admin-btn-primary">
            + Add Page
        </button>
    </div>

    @if(session('success'))
        <div class="mb-6 p-4 bg-green-50 border border-green-200 text-green-800 rounded-lg">
            {{ session('success') }}
        </div>
    @endif

    <!-- Stats -->
    <div class="grid grid-cols-3 gap-4 mb-6">
        <div class="bg-white rounded-lg border p-4">
            <div class="text-sm text-slate-600 mb-1">Total</div>
            <div class="text-2xl font-bold">{{ $stats['total'] }}</div>
        </div>
        <div class="bg-white rounded-lg border p-4">
            <div class="text-sm text-slate-600 mb-1">Published</div>
            <div class="text-2xl font-bold text-green-600">{{ $stats['published'] }}</div>
        </div>
        <div class="bg-white rounded-lg border p-4">
            <div class="text-sm text-slate-600 mb-1">Draft</div>
            <div class="text-2xl font-bold text-amber-600">{{ $stats['draft'] }}</div>
        </div>
    </div>

    @php
        $headers = [
            ['label' => 'Title', 'class' => ''],
            ['label' => 'Slug', 'class' => 'w-36'],
            ['label' => 'Status', 'class' => 'w-28'],
            ['label' => 'Created', 'class' => 'w-36'],
            ['label' => 'Actions', 'class' => 'text-right w-28'],
        ];

        $rows = [];
        foreach($pages as $page) {
            $cells = [];
            $cells[] = ['content' => '<div class="font-semibold">' . e($page->title) . '</div>', 'class' => ''];
            $cells[] = ['content' => '<div class="text-sm text-slate-600">' . e($page->slug) . '</div>', 'class' => ''];
            $statusClass = $page->status === 'published' ? 'bg-green-100 text-green-800' : ($page->status === 'draft' ? 'bg-amber-100 text-amber-800' : 'bg-slate-100 text-slate-600');
            $cells[] = ['content' => '<span class="px-2 py-1 text-xs font-semibold rounded-full ' . $statusClass . '">' . e(ucfirst($page->status)) . '</span>', 'class' => ''];
            $cells[] = ['content' => '<div class="text-sm">' . e($page->created_at->format('M d, Y')) . '</div>', 'class' => ''];
            $actionHtml = '<form action="' . route('admin.cms.pages.destroy', $page) . '" method="POST" class="inline" onsubmit="return confirm(\'Delete this page?\')">' . csrf_field() . method_field('DELETE') . '<button class="p-2 text-red-600 hover:bg-red-50 rounded-lg text-sm">Delete</button></form>';
            $cells[] = ['content' => $actionHtml, 'class' => 'text-right'];
            $rows[] = ['cells' => $cells];
        }
    @endphp

    @include('admin.components.table_shell', [
        'headers' => $headers,
        'rows' => $rows,
        'emptyMessage' => 'No pages found',
        'pagination' => $pages
    ])
</div>
@endsection