@extends('admin.layouts.admin')

@section('title', 'Blog - SIVILIMA Admin')
@section('breadcrumb_title', 'Blog')
@section('breadcrumb')
  <li class="breadcrumb-item active" aria-current="page">Blog Posts</li>
@endsection

@section('content')
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show"><button type="button" class="btn-close" data-bs-dismiss="alert"></button>{{ session('success') }}</div>
@endif

<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="mb-0">All Posts ({{ $posts->count() }})</h6>
        <a href="{{ route('admin.blog.create') }}" class="btn btn-primary btn-sm">+ New Post</a>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered align-middle">
            <thead>
              <tr>
                <th width="60">#</th>
                <th>Image</th>
                <th>Title</th>
                <th>Category</th>
                <th>Published</th>
                <th width="80">Status</th>
                <th width="100">Actions</th>
              </tr>
            </thead>
            <tbody>
              @forelse($posts as $post)
              <tr>
                <td>{{ $loop->iteration }}</td>
                <td>
                  @if($post->image)
                    <img src="{{ Str::startsWith($post->image, 'blog/') ? asset('storage/' . $post->image) : asset($post->image) }}" style="width:60px;height:40px;object-fit:cover;border-radius:4px;">
                  @else
                    <span class="text-muted">-</span>
                  @endif
                </td>
                <td><strong>{{ $post->title }}</strong></td>
                <td><span class="badge bg-secondary">{{ $post->category }}</span></td>
                <td>{{ $post->published_at?->format('M d, Y') ?? '-' }}</td>
                <td>
                  @if($post->is_published)
                    <span class="badge bg-success">Live</span>
                  @else
                    <span class="badge bg-warning text-dark">Draft</span>
                  @endif
                </td>
                <td>
                  <div class="d-flex gap-1">
                    <a href="{{ route('admin.blog.edit', $post) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
                    <form method="POST" action="{{ route('admin.blog.destroy', $post) }}" onsubmit="return confirm('Delete?')" style="display:inline">
                      @csrf @method('DELETE')
                      <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                    </form>
                  </div>
                </td>
              </tr>
              @empty
              <tr><td colspan="7" class="text-center text-muted py-4">No posts yet.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection