@extends('layouts.app')
@section('content')
<div class="row mainbanner"
    style="background: url('http://127.0.0.1:8000/assets/img/testimonials-bg.jpg') no-repeat center center; background-size: cover;">
    <div class="col-12 py-5 text-center text-white">
        <h1 class="text-center heading h1 p-4 text-white">
            All Tags
        </h1>
    </div>
</div>

<div class="container mt-5">
    <div class="row">
        @forelse($tags as $tag)
            <div class="col-md-4 col-lg-3 mb-4">
                <a href="{{ url('/blog/tag/'.$tag->slug) }}" class="text-decoration-none">
                    <div class="card h-100 shadow-sm text-center p-3">
                        <h5 class="card-title">{{ $tag->name }}</h5>
                        @if($tag->blogs->count())
                            <p class="text-muted">{{ $tag->blogs->count() }} {{ Str::plural('Blog', $tag->blogs->count()) }}</p>
                        @else
                            <p class="text-muted">No blogs yet</p>
                        @endif
                    </div>
                </a>
            </div>
        @empty
            <div class="col-12 text-center">
                <p class="text-muted">No tags found.</p>
            </div>
        @endforelse
    </div>
</div>
@endsection