@extends('layouts.app')
@section('title', 'Price history')

@section('content')
<h1 class="text-xl font-bold">Benchmark price history</h1>
<div class="mt-3 flex flex-wrap gap-2 text-sm">
    @foreach (config('drixem.products') as $key => $label)
        <a href="{{ route('prices.history', ['product' => $key]) }}"
           class="rounded-full px-3 py-1 {{ $product === $key ? 'bg-crimson text-white' : 'border border-slate-300 bg-white' }}">{{ str_replace('_', ' ', $key) }}</a>
    @endforeach
</div>

<div class="mt-4 overflow-x-auto rounded-lg border border-slate-200 bg-white">
    <table class="w-full text-left text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-500"><tr><th class="p-3">Date</th><th class="p-3">Market</th><th class="p-3">Contract</th><th class="p-3">Price</th><th class="p-3">Change</th></tr></thead>
        <tbody>
        @forelse ($rows as $row)
            <tr class="border-t border-slate-100">
                <td class="p-3">{{ $row->price_date->format('d M Y') }}</td>
                <td class="p-3">{{ $row->market }}</td>
                <td class="p-3">{{ $row->contract_month ?: 'Spot' }}</td>
                <td class="p-3 font-semibold">{{ $row->currency }} {{ number_format($row->price, 2) }}/MT</td>
                <td class="p-3 {{ $row->change_abs >= 0 ? 'text-emerald-600' : 'text-red-600' }}">{{ $row->change_abs !== null ? sprintf('%+.2f', $row->change_abs) : '—' }}</td>
            </tr>
        @empty
            <tr><td colspan="5" class="p-6 text-center text-slate-500">No prices published for this product yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<p class="mt-2 text-xs text-slate-500">Reference prices only. MPOB and BMD figures remain the property of their respective publishers.</p>
@endsection