@extends('layouts.admin')
@section('title', '📰 Daftar Berita')

@section('content')
<div class="space-y-6">
    <div class="flex justify-between items-center">
        <h1 class="text-2xl font-bold">📰 Daftar Berita</h1>
        <a href="{{ route('admin.news.create') }}"
           class="bg-[color:var(--primary-color)] text-white px-5 py-2 rounded shadow hover:scale-105 transition">
            ➕ Tambah Berita
        </a>
    </div>

    @if(session('success'))
        <div class="p-4 bg-green-100 text-green-700 rounded">{{ session('success') }}</div>
    @endif

    <div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-xl shadow">
        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
            <thead class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200">
                <tr>
                    <th class="px-4 py-2">#</th>
                    <th class="px-4 py-2">Gambar</th>
                    <th class="px-4 py-2">Judul</th>
                    <th class="px-4 py-2">Kategori</th>
                    <th class="px-4 py-2">Tanggal</th>
                    <th class="px-4 py-2">Pinned</th>
                    <th class="px-4 py-2">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach($news as $item)
                    <tr class="border-t dark:border-gray-700">
                        <td class="px-4 py-2">{{ $loop->iteration }}</td>
                        <td class="px-4 py-2">
                            @if($item->image)
                                <img src="{{ asset('storage/' . $item->image) }}" class="w-16 h-12 object-cover rounded shadow">
                            @else
                                <span class="text-gray-400">–</span>
                            @endif
                        </td>
                        <td class="px-4 py-2">{{ $item->title }}</td>
                        <td class="px-4 py-2">{{ $item->category }}</td>
                        <td class="px-4 py-2">{{ $item->publish_date }}</td>
                        <td class="px-4 py-2">
                            @if($item->is_pinned)
                                <span class="text-green-600 font-bold">✓</span>
                            @else
                                <span class="text-gray-400">–</span>
                            @endif
                        </td>
                        <td class="px-4 py-2 space-x-2">
                            <a href="{{ route('admin.news.edit', $item) }}" class="text-yellow-500 hover:underline">Edit</a>
                            <form action="{{ route('admin.news.destroy', $item) }}" method="POST" class="inline delete-form">
                                @csrf
                                @method('DELETE')
                                <button class="text-red-500 hover:underline">Hapus</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div>{{ $news->links() }}</div>
</div>
@endsection