@extends('layouts.app')
@section('title', 'Master Material')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <div><h4 class="fw-bold mb-0">Master Material / Barang</h4><p class="text-muted mb-0">Kelola data material dan alat kerja</p></div>
  <a href="{{ route('admin.items.create') }}" class="btn btn-primary"><i class="bx bx-plus me-1"></i>Tambah Material</a>
</div>
<div class="card"><div class="card-body">
  <table id="itemTable" class="table table-hover">
    <thead><tr><th>No.</th><th>Kode</th><th>Nama Barang</th><th>Kategori</th><th>Satuan</th><th>Aksi</th></tr></thead>
    <tbody>
      @forelse($items as $item)
      <tr>
        <td>{{ $loop->iteration }}</td>
        <td><code>{{ $item->kode_barang }}</code></td>
        <td class="fw-semibold">{{ $item->nama_barang }}</td>
        <td><span class="badge bg-label-info">{{ $item->category->name ?? '-' }}</span></td>
        <td>{{ $item->satuan }}</td>
        <td>
          <a href="{{ route('admin.items.edit', $item) }}" class="btn btn-sm btn-outline-warning me-1"><i class="bx bx-edit"></i></a>
          <form action="{{ route('admin.items.destroy', $item) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus material 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="6" class="text-center text-muted py-5">Belum ada data barang.</td></tr>
      @endforelse
    </tbody>
  </table>
</div></div>
@endsection
@section('page-script')<script>$(document).ready(function(){ $('#itemTable').DataTable(); });</script>@endsection