@extends('layouts.app')

@section('title', 'Product List')

@section('content')
    <div class="container mt-5">
        <h1>Products</h1>
        <table class="table table-hover mt-4">
            <thead>
                <tr>
                    <th>Product Name</th>
                    <th>Nama Variasi</th>
                    <th>Penjualan (IDR)</th>
                    <th>Pengunjung</th>
                    <th>Suka</th>
                    <th>Pengunjung Keranjang</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($products as $product)
                    <tr>
                        <td>{{ $product->Produk }}</td>
                        <td>{{ $product->{"Nama Variasi"} }}</td>
                        <td>{{ $product->{'Penjualan (Pesanan Siap Dikirim) (IDR)'} }}</td>
                        <td>{{ $product->{"Pengunjung Produk (Kunjungan)"} }}</td>
                        <td>{{ $product->Suka }}</td>
                        <td>{{ $product->{"Pengunjung Produk (Menambahkan Produk ke Keranjang)"} }}</td>
                        <td>
                            <a href="{{ url('/recommend', $product->primary_key) }}" class="btn btn-primary">
                                Show Recommendations
                            </a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Pagination Links -->
        <div class="d-flex justify-content-center">
            {{ $products->links() }}
        </div>

        <div class="footer">
            &copy; {{ date('Y') }} Hearteuhearteu. All rights reserved.
        </div>
    </div>
@endsection