@extends('layouts.admin')

@section('title', 'Favorit Katalog')

@section('content')
<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold text-gray-700 dark:text-white">Favorit Katalog</h1>
</div>

<table class="w-full table-auto bg-white dark:bg-gray-700 rounded shadow">
    <thead>
        <tr class="bg-gray-100 dark:bg-gray-800">
            <th class="px-4 py-2">#</th>
            <th class="px-4 py-2">User</th>
            <th class="px-4 py-2">Katalog</th>
            <th class="px-4 py-2">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($favorites as $favorite)
            <tr>
                <td class="px-4 py-2">{{ $loop->iteration }}</td>
                <td class="px-4 py-2">{{ $favorite->user->name ?? '-' }}</td>
                <td class="px-4 py-2">{{ $favorite->catalog->title ?? '-' }}</td>
                <td class="px-4 py-2">
                    <form action="{{ route('admin.favorite-catalog.destroy', $favorite) }}" method="POST" onsubmit="return confirm('Yakin hapus favorit ini?')">
                        @csrf
                        @method('DELETE')
                        <button class="text-red-500 hover:underline" type="submit">Hapus</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

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