@props(['document'])

<div class="mt-8">
    <h2 class="mb-3 text-sm font-semibold uppercase tracking-wide text-slate-500">Historique des versions</h2>
    <div class="overflow-hidden rounded border border-slate-200 bg-white">
        <table class="min-w-full divide-y divide-slate-200 text-sm">
            <thead class="bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500">
                <tr>
                    <th class="px-4 py-2">Version</th>
                    <th class="px-4 py-2">Par</th>
                    <th class="px-4 py-2">Quand</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @foreach ($document->versions as $version)
                    <tr>
                        <td class="px-4 py-2 text-slate-900">v{{ $version->version }}</td>
                        <td class="px-4 py-2 text-slate-600">{{ $version->creator?->name ?? 'système' }}</td>
                        <td class="px-4 py-2 text-slate-500">{{ $version->created_at->diffForHumans() }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>