@extends('admin.layouts.app')

@section('header')
    <div class="bg-header text-white p-4 rounded-lg shadow-md flex justify-between items-center">
        <h1 class="text-2xl font-medium">Hasil Diagnosis & AHP</h1>
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="flex items-center py-2 px-4 bg-red-600 hover:bg-red-700 rounded text-sm">
                <i class="bi bi-box-arrow-right mr-2"></i> Logout
            </button>
        </form>
    </div>
@endsection

@section('content')
    <div class="mt-6 bg-white p-6 rounded-lg shadow">
        <!-- Actions Bar -->
        <div class="flex justify-between items-center mb-4">
            <div class="flex space-x-2">
                <button class="text-gray-600 flex items-center hover:text-gray-800">

                </button>
            </div>
            {{-- <button class="bg-teal-500 text-white px-4 py-2 rounded-lg flex items-center hover:bg-teal-600">
                <i class="bi bi-printer mr-1"></i> Print
            </button> --}}
        </div>

        {{-- Results Table --}}
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th>No</th>
                        <th>Jenis</th>
                        <th>Tanggal</th>
                        <th>Peserta</th>
                        <th>Rekomendasi</th>
                        <th>Nilai (%)</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    @forelse($results as $index => $r)
                        <tr class="hover:bg-gray-50 transition" data-entry-id="{{ $r->getKey() }}">
                            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700">
                                {{ $index + 1 }}
                            </td>
                            <td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">
                                {{ $r->jenis }}
                            </td>
                            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700">
                                {{ $r->created_at->format('d-m-Y') }}
                            </td>
                            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700">
                                {{ $r->user_name }}
                            </td>
                            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700">
                                {{ $r->nama_parent }}
                            </td>
                            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700">
                                {{ number_format($r->nilai, 2) }}%
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="px-4 py-6 text-center text-gray-500">
                                Belum ada data Diagnosis atau AHP.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection