@extends('layouts.public')

@section('content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold">Manage Products</h1>
    <a href="{{ route('admin.products.create') }}" class="px-4 py-2 rounded bg-black text-white">
        + Add Product
    </a>
</div>

<div class="bg-white rounded-xl shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-50">
            <tr>
                <th class="p-4 text-left">Name</th>
                <th class="p-4 text-left">Slug</th>
                <th class="p-4 text-left">Price</th>
                <th class="p-4 text-left">Active</th>
                <th class="p-4 text-right">Actions</th>
            </tr>
        </thead>
        <tbody>
        @forelse($products as $p)
            <tr class="border-t">
                <td class="p-4 font-medium">{{ $p->name }}</td>
                <td class="p-4 text-gray-600">{{ $p->slug }}</td>
                <td class="p-4">RM {{ number_format($p->price_cents / 100, 2) }}</td>
                <td class="p-4">
                    <span class="px-2 py-1 rounded text-xs {{ $p->is_active ? 'bg-green-100' : 'bg-gray-100' }}">
                        {{ $p->is_active ? 'Yes' : 'No' }}
                    </span>
                </td>
                <td class="p-4 text-right">
                    <a class="underline" href="{{ route('products.show', $p->slug) }}" target="_blank">View</a>
                    <a class="underline ml-3" href="{{ route('admin.products.edit', $p) }}">Edit</a>

                    <form class="inline" method="POST" action="{{ route('admin.products.destroy', $p) }}">
                        @csrf
                        @method('DELETE')
                        <button class="underline text-red-600 ml-3" onclick="return confirm('Delete this product?')">
                            Delete
                        </button>
                    </form>
                </td>
            </tr>
        @empty
            <tr>
                <td class="p-6 text-gray-600" colspan="5">No products found.</td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>

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