@extends('layouts.app')

@section('title', 'Categorias blog')

@section('content')
    <div class="container mt-4">
        <h2 class="mb-4 text-center custom-text-color">{{ $title }}</h2>
        @isset($categories)
            <div class="list-group">
                <ul class="user-select-none">
                    @foreach ($categories as $category)
                        <li class="mt-1">
                            <a href="{{ Route('viewCategoryPosts', $category->slug) }}" class="list-group-item list-group-item-action">
                                {{ $category->display_name }} <span>({{ $category->posts->count() }})</span>
                                {{-- <img src="{{ Asset('uploads/categories/' . $category->category_image) }}"
                                alt="*" class="img-fluid" width="2%" height="2%"> --}}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endisset
    </div>
@endsection