@extends('backEnd.layouts.master')
@section('title', 'Blogs')

@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-blog me-2 text-success"></i>Blogs</h4>
            <small class="text-muted">Manage blog posts</small>
        </div>
        <a href="{{ route('admin.blogs.create') }}" class="btn btn-success btn-sm"><i class="fas fa-plus me-1"></i> Add Post</a>
    </div>
    <div class="card shadow-sm border-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>#</th><th>Title</th><th>Category</th><th>Status</th><th>Published</th><th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($blogs as $i => $blog)
                    <tr>
                        <td>{{ $blogs->firstItem() + $i }}</td>
                        <td class="fw-semibold">{{ $blog->title }}</td>
                        <td>{{ $blog->category?->name ?? '—' }}</td>
                        <td><span class="badge {{ $blog->status ? 'bg-success' : 'bg-secondary' }}">{{ $blog->status ? 'Published' : 'Draft' }}</span></td>
                        <td><small class="text-muted">{{ $blog->published_at?->format('d M Y') ?? '—' }}</small></td>
                        <td class="text-center">
                            <a href="{{ \App\Support\AppUrl::shopRoute('frontend.blog.show', $blog->slug) }}" target="_blank" class="btn btn-sm btn-outline-success" title="View on site"><i class="fas fa-external-link-alt"></i></a>
                            <a href="{{ route('admin.blogs.edit', $blog) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
                            <form action="{{ route('admin.blogs.destroy', $blog) }}" method="POST" class="d-inline" id="del-blog-{{ $blog->id }}">@csrf @method('DELETE')
                                <button type="button" class="btn btn-sm btn-outline-danger delete-confirm" data-form="#del-blog-{{ $blog->id }}"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center py-4 text-muted">No blog posts yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($blogs->hasPages())<div class="p-3">{{ $blogs->links() }}</div>@endif
    </div>
</div>
@endsection