@extends('admin.layout')

@section('title', 'Manage CMS pages')

@section('content')
<main class="page">
    <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap">
        <div>
            <span class="eyebrow">Content</span>
            <h1 class="title">CMS pages</h1>
            <p class="muted">Create and publish information pages for your website, such as About, Contact, or Terms.</p>
        </div>
        <a class="button" href="{{ route('admin.cms-pages.create') }}">Create page</a>
    </div>

    @if (session('status'))<div class="flash" role="status">{{ session('status') }}</div>@endif

    <section class="panel" style="margin-top:22px">
        <div class="panel-head"><strong>All pages</strong><span class="muted">{{ number_format($pages->total()) }} total</span></div>
        @if ($pages->isEmpty())
            <div class="empty">No CMS pages yet. Create your first page to add About, Contact, or other site information.</div>
        @else
            <div class="table-wrap"><table>
                <thead><tr><th>Page</th><th>Author</th><th>Status</th><th>Updated</th><th>Actions</th></tr></thead>
                <tbody>@foreach ($pages as $page)
                    <tr>
                        <td>
                            @if ($page->image_path)<img style="width:92px;height:58px;object-fit:cover;border-radius:8px;display:block;margin-bottom:8px" src="{{ route('admin.cms-pages.image', $page) }}" alt="Page image for {{ $page->title }}">@endif
                            <strong class="company">{{ $page->title }}</strong>
                            <span class="sub">/pages/{{ $page->slug }}</span>
                        </td>
                        <td>{{ $page->author?->name ?: 'Admin account removed' }}</td>
                        <td><span class="badge {{ $page->status === 'published' ? 'active' : 'inactive' }}">{{ ucfirst($page->status) }}</span></td>
                        <td class="nowrap">{{ $page->updated_at?->format('d M Y') }}</td>
                        <td class="actions">
                            <a class="button button-secondary" href="{{ route('admin.cms-pages.edit', $page) }}">Edit</a>
                            @if ($page->status === 'published')<a class="button button-secondary" href="{{ route('pages.show', $page->slug) }}" target="_blank" rel="noopener">View</a>@endif
                        </td>
                    </tr>
                @endforeach</tbody>
            </table></div>
            <div class="pagination">{{ $pages->links() }}</div>
        @endif
    </section>
</main>
@endsection