@extends('layout.app')

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <div>
                    <h5 class="mb-0">Customer Portal News</h5>
                    <small class="text-muted">Shown on the "Latest Update Services" page of the customer portal.</small>
                </div>
                <a href="{{ route('customer-portal-news.create') }}" class="btn btn-primary">Add New</a>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="bg-gray-50">
                        <tr>
                            <th scope="col">ID</th>
                            <th scope="col">Image</th>
                            <th scope="col">Title</th>
                            <th scope="col">Publish Date</th>
                            <th scope="col">Status</th>
                            <th scope="col">Created By</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($news as $item)
                            <tr>
                                <td>{{ $item->id }}</td>
                                <td>
                                    @if ($item->image_url)
                                        <img src="{{ $item->image_url }}" alt="" style="width: 72px; height: 44px; object-fit: cover; border-radius: 6px;">
                                    @endif
                                </td>
                                <td>
                                    {{ $item->title_en }}
                                    @if ($item->title_bn)
                                        <br><small class="text-muted">{{ $item->title_bn }}</small>
                                    @endif
                                </td>
                                <td>{{ optional($item->published_at ?: $item->created_at)->format('d M Y') }}</td>
                                <td>
                                    @if ($item->is_published)
                                        <span class="badge badge-success">Published</span>
                                    @else
                                        <span class="badge badge-secondary">Hidden</span>
                                    @endif
                                    @if ($item->is_important)
                                        <span class="badge badge-danger">Important</span>
                                    @endif
                                </td>
                                <td>{{ optional($item->createdBy)->name }}</td>
                                <td class="text-right text-nowrap">
                                    <a href="{{ route('customer-portal-news.edit', $item->id) }}" class="btn btn-primary btn-sm">Edit</a>
                                    <form action="{{ route('customer-portal-news.destroy', $item->id) }}" method="POST" class="d-inline"
                                        onsubmit="return confirm('Delete this news?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">No news yet.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">
            {{ $news->links() }}
        </div>
    </div>
@endsection