@extends('backEnd.layouts.master')
@section('title','Pages')
@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0 fw-bold"><i class="fas fa-file-alt me-2 text-secondary"></i>Pages</h4>
            <small class="text-muted">Manage static pages</small>
        </div>
        <a href="{{ route('admin.pages.create') }}" class="btn btn-success btn-sm">
            <i class="fas fa-plus me-1"></i> Add Page
        </a>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th width="50">#</th>
                            <th>Title</th>
                            <th>Slug</th>
                            <th class="text-center">In Menu</th>
                            <th class="text-center">Status</th>
                            <th>Last Updated</th>
                            <th class="text-center">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($pages as $i => $page)
                        <tr>
                            <td>{{ $pages->firstItem() + $i }}</td>
                            <td class="fw-semibold">{{ $page->title }}</td>
                            <td><a href="{{ url($page->slug) }}" target="_blank" class="text-muted small">{{ $page->slug }}</a></td>
                            <td class="text-center">
                                <span class="badge {{ $page->show_in_menu ? 'bg-success' : 'bg-light text-dark' }}">
                                    {{ $page->show_in_menu ? 'Yes' : 'No' }}
                                </span>
                            </td>
                            <td class="text-center">
                                <span class="badge {{ $page->status ? 'bg-success' : 'bg-secondary' }}">
                                    {{ $page->status ? 'Published' : 'Draft' }}
                                </span>
                            </td>
                            <td><small class="text-muted">{{ $page->updated_at->format('d M Y') }}</small></td>
                            <td class="text-center">
                                <a href="{{ route('admin.pages.edit', $page->id) }}" class="btn btn-sm btn-outline-primary me-1"><i class="fas fa-edit"></i></a>
                                <form action="{{ route('admin.pages.destroy', $page->id) }}" method="POST" class="d-inline" id="del-page-{{ $page->id }}">
                                    @csrf @method('DELETE')
                                    <button type="button" class="btn btn-sm btn-outline-danger delete-confirm" data-form="#del-page-{{ $page->id }}">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" class="text-center py-4 text-muted">No pages found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($pages->hasPages())<div class="p-3">{{ $pages->links() }}</div>@endif
        </div>
    </div>
</div>
@endsection