@foreach($allCategories as $c)
<div class="shadow px-4 py-6 bg-white rounded-lg mb-6 mx-3">
    <a href="{{route('companies.browse', ['category' => $c->slug])}}" class="font-bold text-slate-600 text-lg">
        {{$c->name}}
    </a>
    <p class="mt-1 text-slate-600 text-sm">
        {{$c->sites_count}} {{__('companies')}}
    </p>

    <div class="mt-3 flex justify-between items-center">
        <a href="{{route('companies.browse', ['category' => $c->slug])}}" class="font-bold text-blue-800 hover:text-blue-700">
            {{__('Details')}}
        </a>

        @if($c->icon)
        <a href="{{route('companies.browse', ['category' => $c->slug])}}" class="font-bold text-blue-800 hover:text-blue-700">
            <img src="{{\Storage::disk('cms-uploads')->url($c->icon)}}" class="w-10 h-10" />
        </a>
        @else
        <a href="{{route('companies.browse', ['category' => $c->slug])}}" class="font-bold text-blue-800 hover:text-blue-700">
            <x-iconsax-out-category class="text-slate-600 w-8 h-8" />
        </a>
        @endif
    </div>
</div>

@endforeach