@extends('layouts.app')

@section('content')
<div class="container py-4">
    <h4 class="mb-4 fw-bold text-dark">Diocese Posts</h4>

    <div class="card shadow-sm">
        <div class="card-body">
            <h5 class="fw-semibold mb-3">All Diocese Posts</h5>

            <div class="table-responsive">
                <table class="table table-bordered align-middle table-hover" id="diocesePostsTable">
                    <thead class="table-light">
                        <tr>
                            <th>Image</th>
                            <th>Title</th>
                            <th>Diocese</th>
                            <th>Posted on</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($posts as $post)
                        <tr>
                            <td style="width: 100px;">
                                @if($post->photo)
                                    <img src="{{ asset('storage/' . $post->photo) }}" alt="Post Image" class="img-fluid rounded" style="max-height: 60px;">
                                @else
                                    <span class="text-muted">No Image</span>
                                @endif
                            </td>
                            <td>{{ $post->title }}</td>
                            <td>{{ $post->diocese->name ?? '—' }}</td>
                            <td>{{ \Carbon\Carbon::parse($post->created_at)->format('d/M/Y') }}</td>
                            <td>
                                <a href="" class="btn btn-sm btn-info text-white">Edit</a>
                                <form action="" method="POST" style="display:inline-block;">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to remove this post?')">Remove</button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

                <div class="mt-3">
                    {{ $posts->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection