@extends('layouts.app')

@section('title', 'Recommendations')

@section('content')
    <div class="container mt-5">
        <h1>Recommended Products</h1>

        @if (!empty($recommendations))
            <table class="table table-hover mt-4">
                <thead>
                    <tr>
                        <th>Product Name</th>
                        <th>Primary Key</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($recommendations as $recommendation)
                        <tr>
                            <td>{{ $recommendation['Produk'] }}</td>
                            <td>{{ $recommendation['primary_key'] }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <p>No recommendations available for this product.</p>
        @endif

        <!-- Back Button -->
        <div class="text-center mt-4">
            <a href="{{ url('/products') }}" class="btn btn-primary">Back to Product List</a>
        </div>

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