@extends('admin.layouts.app')

@section('title', 'News')
@section('header-title', 'News')

@section('content')
<div class="card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
        <div class="card-title" style="margin: 0;">News</div>
        <a href="{{ route('admin.news.create') }}" class="btn btn-primary btn-sm">+ Add News</a>
    </div>
    <div style="overflow-x: auto;">
        <table>
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Featured Image</th>
                    <th>Created By</th>
                    <th>Date</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($news as $n)
                <tr>
                    <td><a href="{{ route('admin.news.show', $n) }}" style="color: var(--accent); text-decoration: none;">{{ $n->title }}</a></td>
                    <td>
                        @if($n->featured_image)
                            <img src="{{ asset('storage/' . $n->featured_image) }}" alt="" style="max-height: 40px; border-radius: 4px;">
                        @else
                            -
                        @endif
                    </td>
                    <td>{{ $n->creator?->name ?? '-' }}</td>
                    <td>{{ $n->created_at->format('d M Y') }}</td>
                    <td>
                        <a href="{{ route('admin.news.show', $n) }}" class="btn btn-secondary btn-sm">View</a>
                        <a href="{{ route('admin.news.edit', $n) }}" class="btn btn-secondary btn-sm">Edit</a>
                        <form action="{{ route('admin.news.destroy', $n) }}" method="POST" style="display: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="5" style="color: var(--text-muted);">No news yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div style="margin-top: 12px;">{{ $news->links() }}</div>
</div>
@endsection