@extends('procurement::layouts.master')
@section('title','Price History')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">Price History — {{ $component->description }}</h1>
    <div>
        <a href="{{ route('procurement.price-history.create',['component_id'=>$component->id]) }}" class="btn btn-sm btn-dark">+ Add Price</a>
        <a href="{{ route('procurement.components.show',$component) }}" class="btn btn-sm btn-link">← Back</a>
    </div>
</div>
<div class="card shadow mb-4"><div class="card-body p-0">
    <table class="table table-sm mb-0">
        <thead class="thead-dark"><tr><th>Date</th><th>Supplier</th><th>Qty Break</th><th class="text-right">Unit Price</th><th>Currency</th><th>Source</th><th>Notes</th></tr></thead>
        <tbody>
            @forelse($history as $h)
            <tr>
                <td>{{ $h->effective_date->format('M j, Y') }}</td>
                <td>{{ $h->supplier->name ?? '—' }}</td>
                <td>{{ $h->qty_break }}</td>
                <td class="text-right font-weight-bold">${{ number_format($h->unit_price,4) }}</td>
                <td>{{ $h->currency }}</td>
                <td><small>{{ $h->source ?: '—' }}</small></td>
                <td><small>{{ $h->notes ?: '—' }}</small></td>
            </tr>
            @empty
            <tr><td colspan="7" class="text-center text-muted py-3">No price history recorded</td></tr>
            @endforelse
        </tbody>
    </table>
</div></div>
{{ $history->links() }}
@endsection