@extends('admin.layouts.app')
@section('page-title','Blog Posts')
@section('content')
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem">
  <h3>All Posts</h3>
  <a href="{{ route('admin.posts.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> New Post</a>
</div>
<div class="card">
  <table>
    <thead><tr><th>Title</th><th>Category</th><th>Status</th><th>Date</th><th>Actions</th></tr></thead>
    <tbody>
      @forelse($posts as $p)
      <tr>
        <td><strong>{{ $p->title }}</strong></td>
        <td>{{ $p->category->name ?? '-' }}</td>
        <td><span class="badge badge-{{ $p->status === 'published' ? 'green' : 'gray' }}">{{ $p->status }}</span></td>
        <td>{{ $p->created_at->format('M d, Y') }}</td>
        <td>
          <a href="{{ route('admin.posts.edit', $p) }}" class="btn btn-secondary btn-sm">Edit</a>
          <form method="POST" action="{{ route('admin.posts.destroy', $p) }}" style="display:inline" onsubmit="return confirm('Delete?')">
            @csrf @method('DELETE')
            <button class="btn btn-danger btn-sm">Delete</button>
          </form>
        </td>
      </tr>
      @empty<tr><td colspan="5" style="text-align:center;color:#64748b">No posts yet</td></tr>
      @endforelse
    </tbody>
  </table>
  <div style="margin-top:1rem">{{ $posts->links() }}</div>
</div>
@endsection