@extends('layouts.admin')

@section('title', 'Categories')
@section('heading', 'Categories')

@section('content')
    <section class="panel">
        <div class="panel-head"><h2>All Categories</h2><a class="button" href="{{ route('admin.categories.create') }}">Add Category</a></div>
        <table>
            <thead><tr><th>Name</th><th>Slug</th><th>Color</th><th>Order</th><th>Status</th><th>Menu</th><th>Home</th><th>Action</th></tr></thead>
            <tbody>
                @foreach($categories as $category)
                    <tr>
                        <td>{{ $category->name }}</td><td>{{ $category->slug }}</td>
                        <td><span class="swatch" style="background: {{ $category->color }}"></span>{{ $category->color }}</td>
                        <td>{{ $category->sort_order }}</td><td>{{ $category->is_active ? 'Active' : 'Hidden' }}</td>
                        <td>{{ $category->show_in_menu ? 'Yes' : 'No' }}</td>
                        <td>{{ $category->show_on_home ? 'Yes' : 'No' }}</td>
                        <td class="actions">
                            <a href="{{ route('admin.categories.edit', $category) }}">Edit</a>
                            <form method="post" action="{{ route('admin.categories.destroy', $category) }}">@csrf @method('delete')<button>Delete</button></form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        {{ $categories->links() }}
    </section>
@endsection