@extends('layouts.admin')

@section('title', 'Categories')

@section('content')
<div style="margin-bottom: 1rem;">
    <a href="{{ route('admin.categories.create') }}" class="btn btn-primary">Add Category</a>
</div>
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Sort Order</th>
            <th>Products</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @foreach($categories as $cat)
        <tr>
            <td>{{ $cat->name }}</td>
            <td>{{ $cat->sort_order }}</td>
            <td>{{ $cat->products_count }}</td>
            <td>
                <a href="{{ route('admin.categories.edit', $cat) }}" class="btn btn-primary btn-sm">Edit</a>
                <form action="{{ route('admin.categories.destroy', $cat) }}" method="POST" style="display:inline;" onsubmit="return confirm('Delete?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
{{ $categories->links() }}
@endsection