{{-- resources/views/admin/konsultasi/index.blade.php
     KEGUNAAN: Halaman pantau semua riwayat konsultasi user.
     Admin bisa lihat siapa yang konsultasi, hasilnya apa,
     dan berapa nilai CF-nya. Read-only, tidak ada edit/hapus. --}}
@extends('admin.layouts.app')
@section('title', 'Riwayat Konsultasi')
@section('content')

<div class="page-header">
  <div class="page-header-left">
    <div class="breadcrumb">Admin / Riwayat Konsultasi</div>
    <h1>Riwayat Konsultasi</h1>
    <p>Semua sesi konsultasi yang telah dilakukan pengguna.</p>
  </div>
</div>

<div class="card">
  <div class="card-header">
    <div class="card-title">Semua Konsultasi ({{ $konsultasi->total() }})</div>
    <form method="GET">
      <div class="search-box">
        <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" style="color:var(--text-3)"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
        <input type="text" name="search" placeholder="Cari kode konsultasi..." value="{{ request('search') }}">
      </div>
    </form>
  </div>
  <div class="table-wrap">
    <table>
      <thead>
        <tr><th>Kode</th><th>Pengguna</th><th>Tanggal</th><th>Hasil Diagnosa</th><th style="text-align:center">CF</th><th style="text-align:center">Status</th><th>Aksi</th></tr>
      </thead>
      <tbody>
        @forelse($konsultasi as $k)
        <tr>
          <td><span style="font-family:monospace; font-size:0.75rem; color:var(--red);">{{ $k->kode_konsultasi }}</span></td>
          <td style="font-size:0.83rem;">{{ $k->user->name ?? 'Guest' }}</td>
          <td style="font-size:0.78rem; color:var(--text-2);">{{ \Carbon\Carbon::parse($k->tanggal)->format('d M Y, H:i') }}</td>
          <td>
            @if($k->hasilUtama && $k->hasilUtama->penyakit)
              <span class="badge {{ $k->hasilUtama->penyakit->jenis === 'Hama' ? 'badge-hama' : 'badge-penyakit' }}">{{ $k->hasilUtama->penyakit->nama }}</span>
              @if($k->hasilDiagnosa->count() > 1)
                <span style="font-size:0.72rem; color:var(--text-3); margin-left:4px;">+{{ $k->hasilDiagnosa->count() - 1 }} lainnya</span>
              @endif
            @else
              <span style="color:var(--text-3); font-size:0.8rem;">Tidak terdeteksi</span>
            @endif
          </td>
          <td style="text-align:center;">
            @if($k->hasilUtama)
              <span class="badge badge-mono">{{ number_format($k->hasilUtama->persentase, 1) }}%</span>
            @else <span style="color:var(--text-3);">—</span> @endif
          </td>
          <td style="text-align:center;">
            @if($k->status === 'selesai')
              <span class="badge badge-success">Selesai</span>
            @else
              <span class="badge badge-warning">Tidak Terdeteksi</span>
            @endif
          </td>
          <td><a href="{{ route('admin.konsultasi.show', $k->id) }}" class="btn btn-sm">Detail</a></td>
        </tr>
        @empty
        <tr><td colspan="7" style="text-align:center; padding:2rem; color:var(--text-3);">Belum ada data konsultasi.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div class="pagination-wrap">
    <div class="pagination-info">Menampilkan {{ $konsultasi->firstItem() }}–{{ $konsultasi->lastItem() }} dari {{ $konsultasi->total() }} data</div>
    {{ $konsultasi->links() }}
  </div>
</div>
@endsection