@extends('admin.layouts.app')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <h3>Blogs</h3>
    <a href="/admin/blogs/create" class="btn btn-primary">+ Add Blog</a>
</div>

@if(session('success'))
<div class="alert alert-success">
    {{ session('success') }}
</div>
@endif

<div class="card shadow-sm p-3">

    <div class="table-responsive">
        <table class="table table-bordered align-middle">
        <thead>
            <tr>
                <th>SrNo.</th>
                <th>Image</th>
                <th>Title</th>
                <th>Slug</th>
                <th>Action</th>
            </tr>
        </thead>

        <tbody>
            @forelse($blogs as $blog)
            <tr>
                <td>{{ $loop->iteration }}</td>

                <td>
                    <img src="{{ asset('uploads/blogs/'.$blog->cover_image) }}"
                        width="80" style="border-radius:6px;">
                </td>

                <td>{{ $blog->title }}</td>

                <td>{{ $blog->slug }}</td>

                <td>
                <a href="{{ route('admin.blogs.edit', $blog->id) }}" class="btn btn-sm btn-warning">
    Edit
</a>
<form action="{{ route('admin.blogs.delete', $blog->id) }}" method="POST" style="display:inline;">
    @csrf
    @method('DELETE')
    <button class="btn btn-sm btn-danger" onclick="return confirm('Delete this blog?')">
        Delete
    </button>
</form>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="5" class="text-center">No blogs found</td>
            </tr>
            @endforelse
        </tbody>
    </table>

</div>

@endsection