@extends('layouts.app')

@section('title', 'Settings — Content Pages')
@section('page-title', 'Content Pages')

@section('content')

<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-0">Content Pages</h4>
        <div class="text-muted small">Standalone guides/articles published at /pages/{slug} with manually-featured properties.</div>
    </div>
    <a href="{{ route('admin.settings.content-pages.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> Add Content Page
    </a>
</div>

<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Title</th>
                    <th>Slug</th>
                    <th class="text-center">Properties</th>
                    <th>Last Updated</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pages as $page)
                <tr>
                    <td class="fw-medium">{{ $page->title }}</td>
                    <td><code class="small text-secondary">/pages/{{ $page->slug }}</code></td>
                    <td class="text-center">
                        <span class="badge bg-secondary bg-opacity-10 text-secondary">{{ $page->properties_count }}</span>
                    </td>
                    <td class="text-muted small">{{ $page->updated_at->format('d M Y, h:i A') }}</td>
                    <td class="text-center">
                        <a href="{{ route('admin.settings.content-pages.edit', $page) }}" class="btn btn-sm btn-outline-primary me-1" title="Edit">
                            <i class="bi bi-pencil"></i>
                        </a>
                        <form action="{{ route('admin.settings.content-pages.destroy', $page) }}" method="POST" class="d-inline"
                              data-confirm="Delete &quot;{{ $page->title }}&quot;? This cannot be undone.">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center text-muted py-4">No content pages yet.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection