@extends('layouts.admin')

@section('content')
    <h1 class="text-3xl font-bold mb-6">Ringkasan Mutu</h1>

    <div class="grid grid-cols-5 gap-4 mb-8">
        @foreach (['Penetapan', 'Pelaksanaan', 'Evaluasi', 'Pengendalian', 'Peningkatan'] as $stage)
            <div class="bg-white p-6 rounded-lg shadow-sm border-t-4 border-blue-600">
                <p class="text-gray-500 text-sm uppercase">{{ $stage }}</p>
                <p class="text-3xl font-bold">{{ $stats[$stage] ?? 0 }}</p>
            </div>
        @endforeach
    </div>

    <div class="bg-white p-6 rounded-lg shadow-sm">
        <h2 class="text-lg font-bold mb-4">Log Perubahan Dokumen Terbaru</h2>
        <table class="w-full text-left">
            <thead class="bg-gray-50">
                <tr>
                    <th class="p-3">Judul Dokumen</th>
                    <th class="p-3">Versi</th>
                    <th class="p-3">Tanggal</th>
                    <th class="p-3">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($recentDocs as $doc)
                    <tr class="border-b">
                        <td class="p-3">{{ $doc->title }}</td>
                        <td class="p-3">{{ $doc->version }}</td>
                        <td class="p-3">{{ $doc->created_at->format('d M Y') }}</td>
                        <td class="p-3">
                            <a href="#" class="text-blue-600 hover:underline">Lihat</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection