@extends('layouts.app')

@section('title', 'Divisi')

@section('content')
<div class="mb-4">
    <a href="{{ route('divisions.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Tambah Divisi</a>
</div>

<div class="bg-white rounded shadow overflow-hidden">
    <table class="w-full">
        <thead class="bg-gray-200">
            <tr>
                <th class="px-4 py-3 text-left">No</th>
                <th class="px-4 py-3 text-left">Nama Divisi</th>
                <th class="px-4 py-3 text-left">Deskripsi</th>
                <th class="px-4 py-3 text-left">Jumlah Barang</th>
                <th class="px-4 py-3 text-left">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($divisions as $division)
                <tr class="border-t">
                    <td class="px-4 py-3">{{ ($divisions->firstItem() ?? 1) + $loop->index }}</td>
                    <td class="px-4 py-3 font-semibold">{{ $division->name }}</td>
                    <td class="px-4 py-3">{{ $division->description ?? '-' }}</td>
                    <td class="px-4 py-3">{{ $division->items_count }}</td>
                    <td class="px-4 py-3 flex gap-2">
                        <a href="{{ route('divisions.edit', $division) }}" class="bg-yellow-500 text-white px-3 py-1 rounded">Edit</a>
                        <form action="{{ route('divisions.destroy', $division) }}" method="POST" onsubmit="return confirm('Yakin ingin menghapus divisi ini?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="bg-red-600 text-white px-3 py-1 rounded">Hapus</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="px-4 py-6 text-center text-gray-500">Belum ada data divisi.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

@if ($divisions->hasPages())
    <div class="mt-4">
        {{ $divisions->links() }}
    </div>
@endif
@endsection