@extends('admin.layouts.app')
@section('title', 'Page Content')
@section('page-title', 'Manage Page Content')
@section('page-actions')<x-admin.button :href="route('admin.page-content.create')" icon="bi-plus">Add New Page</x-admin.button>@endsection
@section('content')
<div class="mb-6 grid gap-4 sm:grid-cols-2">
 <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-soft dark:border-slate-800 dark:bg-slate-900"><div class="text-xs font-bold uppercase tracking-wider text-slate-400">CMS coverage</div><div class="mt-2 text-2xl font-bold">{{ $pageContents->count() }} / {{ count($availableSections) }}</div><div class="text-xs text-slate-500">Core sections configured</div></div>
 <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-soft dark:border-slate-800 dark:bg-slate-900"><div class="text-xs font-bold uppercase tracking-wider text-slate-400">Missing sections</div><div class="mt-2 text-2xl font-bold text-amber-600">{{ count($missingSections) }}</div><div class="text-xs text-slate-500">Available to add</div></div>
</div>
<x-admin.filter-panel><div class="max-w-md"><x-admin.search-input id="pageContentSearch" placeholder="Search page content" /></div></x-admin.filter-panel>
<x-datatable id="pageContentTable" :ajax-url="route('admin.page-content.index')" :columns="[
 ['data'=>'section','orderable'=>true],['data'=>'title_en','orderable'=>true],['data'=>'title_km','orderable'=>true],['data'=>'created_by','orderable'=>false],['data'=>'updated_at','orderable'=>true],['data'=>'actions','orderable'=>false,'searchable'=>false]
]" :order="[[0,'asc']]" search-id="pageContentSearch" :padding="false"><x-slot name="thead"><th>Section</th><th>Title (EN)</th><th>Title (KM)</th><th>Created By</th><th>Updated</th><th>Actions</th></x-slot></x-datatable>
@endsection