@props([
 'label' , 'value' , 'relation' => 'name'
])


<div class="card mb-3">
    <div class="card-header bg-light">
        <h6 class="mb-0">{{ $label }}</h6>
    </div>

    <div class="card-body">
        @if($value->isNotEmpty())
            <div class="d-flex flex-wrap gap-2">
                @foreach ($value as $rep)
                    <span class="badge rounded-pill bg-primary px-3 py-2">
                        {{ $rep->$relation }}
                    </span>
                @endforeach
            </div>
        @else
            <span class="text-muted">{{ __('dashboard.not_data_found') }} </span>
        @endif
    </div>
</div>
