@extends('layouts.admin')
@section('title', 'Kategori Produk')
@push('breadcrumb')
<div class="breadcrumb-sep">/</div><div class="breadcrumb-item">Kategori Produk</div>
@endpush
@push('actions')
<a href='{{ route('admin.product-categories.create') }}' class='btn btn--primary btn--sm'>+ Tambah Kategori</a>
@endpush
@section('content')
<div class="admin-table-card">
    <div class="admin-table-head"><div class="admin-table-title">Semua Kategori</div></div>
    <div class="admin-table-wrap">
        <table class="w-full">
            <thead><tr>
                <th>Nama (ID)</th>
                <th>Slug</th>
                <th>Induk</th>
                <th>Status</th>
                <th>Aksi</th>
            </tr></thead>
            <tbody>
                @foreach($categories as $cat)
                <tr>
                    <td>{{ $cat->name_id }}</td>
                    <td>{{ $cat->slug }}</td>
                    <td>{{ $cat->parent->name_id ?? '-' }}</td>
                    <td>{!! $cat->is_active ? '<span class="badge badge--accent">Aktif</span>' : '<span class="badge badge--inactive">Nonaktif</span>' !!}</td>
                    <td>
                        <div class="admin-table-actions">
                            <a href="{{ route('admin.product-categories.edit', $cat) }}" class="action-btn action-btn--edit">Edit</a>
                            <form method="POST" action="{{ route('admin.product-categories.destroy', $cat) }}" onsubmit="return confirm('Hapus?')">@csrf @method('DELETE') <button type="submit" class="action-btn action-btn--danger">Hapus</button></form>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="p-4 border-t border-crius-grey-100">@if($categories->hasPages()){{ $categories->links() }}@endif</div>
</div>
@endsection