@extends('layouts.admin')

@section('title', 'Kategori Nilai')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Kategori Nilai</h2>
    @can('create score-categories')
    <a href="{{ route('score-categories.create') }}" class="btn btn-primary">+ Tambah Kategori</a>
    @endcan
</div>

<x-alert />

<div class="card">
    <div class="card-body">
        <div class="table-responsive table-mobile-cards">
        <table class="table table-bordered table-hover">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Nama</th>
                    <th>Jurusan</th>
                    <th>Dibuat Oleh</th>
                    @canany(['update score-categories', 'delete score-categories'])
                    <th>Aksi</th>
                    @endcanany
                </tr>
            </thead>
            <tbody>
                @forelse ($categories as $cat)
                <tr>
                    <td data-label="No">{{ $loop->iteration }}</td>
                    <td data-label="Nama">{{ $cat->name }}</td>
                    <td data-label="Jurusan">{{ $cat->department->code ?? 'Semua' }}</td>
                    <td data-label="Dibuat Oleh">{{ $cat->createdBy->name ?? '-' }}</td>
                    @canany(['update score-categories', 'delete score-categories'])
                    <td data-label="Aksi">
                        @can('update score-categories')
                        <a href="{{ route('score-categories.edit', $cat) }}" class="btn btn-sm btn-warning">Edit</a>
                        @endcan
                        @can('delete score-categories')
                        <form method="POST" action="{{ route('score-categories.destroy', $cat) }}" class="d-inline" onsubmit="return confirm('Yakin hapus?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                        </form>
                        @endcan
                    </td>
                    @endcanany
                </tr>
                @empty
                <tr>
                    <td data-label="" colspan="@canany(['update score-categories', 'delete score-categories']) 5 @else 4 @endcanany" class="text-center text-muted">Belum ada kategori nilai.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
        </div>
    </div>
</div>
@endsection