@extends('layouts.admin')

@section('page-title', 'Blog-Header & Blogs')

@section('content')
<!-- 
@if($header)
<section class="hero-section about-ban" 
         style="background-image: url('{{ $header->blog_banner ? asset('uploads/blogs/' .$header->blog_banner) : asset('assets/img/default-banner.jpg') }}');">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="hero-content about-inner text-center text-white py-5">
                    @if($header->blog_logo)
                        <img src="{{ asset('uploads/blogs/' .$header->blog_logo) }}" alt="Logo" class="mb-2" style="width:50px;">
                    @endif
                    <h1 class="fw-bold">{{ $header->blog_title }}</h1>
                </div>
            </div>
        </div>
    </div>
</section>
@endif -->

<section class="blog py-5" data-aos="fade-up">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2 class="text-center mb-4 fw-bold">All Blogs</h2>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                @if($blogs->isEmpty())
                    <div class="text-center">
                        <p class="text-muted">No blogs found.</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-bordered align-middle text-center shadow-sm">
                            <thead class="table-lightS">
                                <tr>
                                    <th scope="col">Sr No.</th>
                                    <th scope="col">Image</th>
                                    <th scope="col">Title</th>
                                    <th scope="col">Category</th>
                                    <th scope="col">Author</th>
                                    <th scope="col">Published Date</th>
                                    <th scope="col">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($blogs as $index => $blog)
                                    <tr>
                                        <th scope="row">{{ $index + 1 }}</th>
                                        <td>
                                            <img src="{{'uploads/blogs/' .$blog->featured_img ? asset('uploads/blogs/' .$blog->featured_img) : asset('images/default-blog.png') }}" 
                                                 alt="Blog Image" class="img-thumbnail" style="width:80px; height:60px; object-fit:cover;">
                                        </td>
                                        <td>{{ $blog->title }}</td>
                                        <td>{{ $blog->category ?? 'General' }}</td>
                                        <td>{{ $blog->author->name ?? 'Admin' }}</td>
                                        <td>{{ $blog->published_date ? $blog->published_date->format('M d, Y') : 'N/A' }}</td>
                                        <td class="text-center">
                                            <!-- View -->
                                            <a href="{{ route('blog.show', $blog->slug) }}"
                                            class="btn btn-link p-0 me-2 text-primary"
                                            title="View">
                                                <i class="bi bi-eye-fill fs-5"></i>
                                            </a>

                                            <!-- Edit -->
                                            <a href="{{ route('edit.blog', $blog->id) }}"
                                            class="btn btn-link p-0 me-2 text-primary"
                                            title="Edit">
                                                <i class="bi bi-pencil-fill fs-5"></i>
                                            </a>

                                            <!-- Delete -->
                                            <form action="{{ route('blog.delete', $blog->id) }}"
                                                method="POST"
                                                class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit"
                                                        class="btn btn-danger btn-sm text-white"
                                                        title="Delete"
                                                        onclick="return confirm('Are you sure you want to delete this blog?');">
                                                    <i class="bi bi-trash-fill danger"></i>
                                                </button>
                                            </form>
                                        </td>

                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

@endsection