30 lines
1.9 KiB
PHP
30 lines
1.9 KiB
PHP
|
<div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||
|
|
<div class="flex items-center justify-between mb-4">
|
||
|
|
<h3 class="text-lg font-bold text-slate-800 flex items-center">
|
||
|
|
<svg class="w-5 h-5 mr-2 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
|
||
|
|
Status Kepatuhan SOP & CPOB
|
||
|
|
</h3>
|
||
|
|
<span class="text-xs font-semibold px-2 py-1 bg-indigo-50 text-indigo-600 rounded-md">Live Realtime</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mb-4">
|
||
|
|
<div class="flex justify-between text-sm mb-1">
|
||
|
|
<span class="font-medium text-slate-600">Tingkat Kepatuhan Perusahaan</span>
|
||
|
|
<span class="font-bold text-indigo-700">{{ $complianceRate }}%</span>
|
||
|
|
</div>
|
||
|
|
<div class="w-full bg-slate-100 rounded-full h-2.5">
|
||
|
|
<div class="bg-indigo-600 h-2.5 rounded-full transition-all duration-500" style="width: {{ $complianceRate }}%"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid grid-cols-2 gap-4 mt-6">
|
||
|
|
<div class="bg-slate-50 p-3 rounded-lg border border-slate-100">
|
||
|
|
<p class="text-xs text-slate-500 mb-1">Karyawan Tersertifikasi</p>
|
||
|
|
<p class="text-xl font-bold text-emerald-600">{{ $karyawanLulus }} <span class="text-xs font-normal text-slate-400">Orang</span></p>
|
||
|
|
</div>
|
||
|
|
<div class="bg-slate-50 p-3 rounded-lg border border-slate-100">
|
||
|
|
<p class="text-xs text-slate-500 mb-1">Total Karyawan Aktif</p>
|
||
|
|
<p class="text-xl font-bold text-slate-700">{{ $totalKaryawan }} <span class="text-xs font-normal text-slate-400">Orang</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|