@extends('layouts.admin')

@section('content')
    <div class="bg-white p-6 rounded-lg shadow">
        <h2 class="text-xl font-bold text-blue-900 mb-4">Daftar Rencana Tindak Lanjut (RTL)</h2>

        @if (session('success'))
            <div class="bg-green-100 text-green-700 p-3 rounded mb-4">{{ session('success') }}</div>
        @endif

        <div class="overflow-x-auto">
            <table class="w-full text-left border-collapse">
                <thead>
                    <tr class="bg-blue-900 text-white">
                        <th class="p-3">Audit ID</th>
                        <th class="p-3">Temuan</th>
                        <th class="p-3">Rencana Perbaikan</th>
                        <th class="p-3">Target</th>
                        <th class="p-3">Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($rtls as $rtl)
                        <tr class="border-b hover:bg-gray-50">
                            <td class="p-3">{{ $rtl->audit_id }}</td>
                            <td class="p-3">{{ $rtl->temuan }}</td>
                            <td class="p-3">{{ $rtl->rencana_perbaikan }}</td>
                            <td class="p-3">{{ $rtl->target_selesai }}</td>
                            <td class="p-3">
                                <span
                                    class="px-2 py-1 rounded text-xs font-bold 
                            {{ $rtl->status == 'selesai' ? 'bg-green-200 text-green-800' : 'bg-yellow-200 text-yellow-800' }}">
                                    {{ strtoupper($rtl->status) }}
                                </span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection