{{-- resources/views/admin/gejala/index.blade.php
     KEGUNAAN: Halaman daftar semua gejala.
     Admin bisa tambah, edit, dan hapus gejala. --}}
@extends('admin.layouts.app')
@section('title', 'Data Gejala')
@section('content')

<div class="page-header">
  <div class="page-header-left">
    <div class="breadcrumb">Admin / Data Gejala</div>
    <h1>Data Gejala</h1>
    <p>Kelola daftar gejala yang digunakan dalam proses diagnosa.</p>
  </div>
  <a href="{{ route('admin.gejala.create') }}" class="btn btn-primary">+ Tambah Gejala</a>
</div>

<div class="card">
  <div class="card-header">
    <div class="card-title">Daftar Gejala ({{ $gejala->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 nama gejala..." value="{{ request('search') }}">
      </div>
    </form>
  </div>
  <div class="table-wrap">
    <table>
      <thead>
        <tr><th>Kode</th><th>Nama Gejala</th><th>Dipakai di</th><th>Aksi</th></tr>
      </thead>
      <tbody>
        @forelse($gejala as $g)
        <tr>
          <td><span class="badge badge-mono">{{ $g->kode }}</span></td>
          <td>{{ $g->nama }}</td>
          <td>
            @foreach($g->rules->take(2) as $rule)
              <span class="badge {{ ($rule->penyakit->jenis ?? '') === 'Hama' ? 'badge-hama' : 'badge-penyakit' }}" style="margin-right:3px;">
                {{ $rule->penyakit->nama ?? '-' }}
              </span>
            @endforeach
            @if($g->rules->count() > 2)
              <span style="font-size:0.72rem; color:var(--text-3)">+{{ $g->rules->count() - 2 }}</span>
            @endif
          </td>
          <td>
            <div style="display:flex; gap:6px;">
              <a href="{{ route('admin.gejala.edit', $g->id) }}" class="btn btn-sm">Edit</a>
              <form method="POST" action="{{ route('admin.gejala.destroy', $g->id) }}" onsubmit="return confirm('Hapus gejala {{ $g->kode }}?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
              </form>
            </div>
          </td>
        </tr>
        @empty
        <tr><td colspan="4" style="text-align:center; padding:2rem; color:var(--text-3);">Tidak ada data.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div class="pagination-wrap">
    <div class="pagination-info">Menampilkan {{ $gejala->firstItem() }}–{{ $gejala->lastItem() }} dari {{ $gejala->total() }} data</div>
    {{ $gejala->links() }}
  </div>
</div>
@endsection