@extends('procurement::layouts.master')
@section('title','Revision History')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">Revision History — {{ $component->description }}</h1>
    <a href="{{ route('procurement.components.show',$component) }}" class="btn btn-sm btn-link">← Back</a>
</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>Field</th><th>Old Value</th><th>New Value</th><th>Changed By</th><th>Reason</th></tr></thead>
        <tbody>
            @forelse($revisions as $r)
            <tr>
                <td><small>{{ $r->changed_at->format('M j, Y H:i') }}</small></td>
                <td><code class="small">{{ $r->field_changed }}</code></td>
                <td><small class="text-danger">{{ $r->old_value ?? '—' }}</small></td>
                <td><small class="text-success">{{ $r->new_value ?? '—' }}</small></td>
                <td><small>{{ $r->changed_by ?? '—' }}</small></td>
                <td><small>{{ $r->reason ?? '—' }}</small></td>
            </tr>
            @empty
            <tr><td colspan="6" class="text-center text-muted py-3">No revision history yet</td></tr>
            @endforelse
        </tbody>
    </table>
</div></div>
{{ $revisions->links() }}
@endsection