@extends('layouts.app')
@section('title', 'Kategori RAB')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <div><h4 class="fw-bold mb-0">Kategori RAB</h4><p class="text-muted mb-0">Kelola kategori pekerjaan untuk RAB (cth: A. Pekerjaan Persiapan)</p></div>
  <a href="{{ route('admin.rab-categories.create') }}" class="btn btn-primary"><i class="bx bx-plus me-1"></i>Tambah Kategori</a>
</div>
<div class="card"><div class="card-body">
  <table id="rabCatTable" class="table table-hover">
    <thead><tr><th>Kode</th><th>Nama Kategori Pekerjaan</th><th>Aksi</th></tr></thead>
    <tbody>
      @forelse($rabCategories as $c)
      <tr>
        <td><span class="badge bg-label-warning fw-bold">{{ $c->kode }}</span></td>
        <td class="fw-semibold">{{ $c->nama_kategori }}</td>
        <td>
          <a href="{{ route('admin.rab-categories.edit', $c) }}" class="btn btn-sm btn-outline-warning me-1"><i class="bx bx-edit"></i></a>
          <form action="{{ route('admin.rab-categories.destroy', $c) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus kategori RAB ini?')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bx bx-trash"></i></button>
          </form>
        </td>
      </tr>
      @empty
      <tr><td colspan="3" class="text-center text-muted py-4">Belum ada kategori RAB.</td></tr>
      @endforelse
    </tbody>
  </table>
</div></div>
@endsection
@section('page-script')<script>$(document).ready(function(){ $('#rabCatTable').DataTable(); });</script>@endsection