@extends('layouts.app')

@section('content')
<div class="page-header">
    <h1>分类</h1>
    <p>浏览全部产品分类。</p>
</div>

<div class="category-grid">
    @foreach($categories as $category)
        <a class="category-card" href="{{ route('categories.show', $category->slug) }}">
            <div class="category-card-title">{{ $category->name }}</div>
            <div class="category-card-desc">{{ $category->description }}</div>
            <div class="category-card-count">{{ $category->products_count }} 个产品</div>
        </a>
    @endforeach
</div>
@endsection