@extends('admin.layout', ['title' => 'Business categories'])

@section('content')
    <div class="admin-top">
        <div><p class="admin-kicker">INDUSTRIES</p><h1>Categories.</h1></div>
        <div class="admin-actions">
            <a class="button-quiet" href="{{ route('admin.businesses.index') }}">Businesses</a>
            <a class="button" href="{{ route('admin.categories.create') }}">Add category</a>
        </div>
    </div>
    <section class="panel">
        @forelse ($categories as $category)
            <div class="table-row">
                <span><strong>{{ $category->name }}</strong><small>{{ $category->businesses_count }} {{ Str::plural('business', $category->businesses_count) }}</small></span>
                <span class="badge">{{ $category->sort_order }}</span>
                <span></span>
                <span class="admin-actions">
                    <a class="button-quiet" href="{{ route('admin.categories.edit', $category) }}">Edit</a>
                    <form method="post" action="{{ route('admin.categories.destroy', $category) }}" onsubmit="return confirm('Delete this category?')">
                        @csrf
                        @method('delete')
                        <button class="button-danger" type="submit">Delete</button>
                    </form>
                </span>
            </div>
        @empty
            <p class="empty">No categories yet.</p>
        @endforelse
    </section>
@endsection