@extends('layouts.app')
@section('title', 'Pages')
@section('content')
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
        <h2 style="font-size:17px;color:#0b4f2c;">Pages</h2>
        <a href="{{ url('/cms/pages/create') }}" style="background:#0b4f2c;color:#fff;text-decoration:none;padding:8px 14px;border-radius:6px;font-size:12.5px;">+ New Page</a>
    </div>
    <p style="font-size:12px;color:#777;margin-bottom:14px;">Vision & Mission, History, FAQs, Downloads Guide, Privacy Policy, Terms & Conditions, Careers — any standalone page.</p>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Title</th><th style="padding:8px;">Slug</th><th style="padding:8px;">Status</th><th style="padding:8px;">Actions</th></tr></thead>
        <tbody>
            @forelse($pages as $page)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;font-weight:bold;">{{ $page->title }}</td>
                    <td style="padding:8px;">/{{ $page->slug }}</td>
                    <td style="padding:8px;">{{ $page->is_published ? 'Published' : 'Draft' }}</td>
                    <td style="padding:8px;"><a href="{{ url('/cms/pages/' . $page->id . '/edit') }}" style="color:#0b4f2c;text-decoration:none;font-size:12px;">Edit</a></td>
                </tr>
            @empty
                <tr><td colspan="4" style="padding:20px;text-align:center;color:#999;">No pages yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection