@props([
    'activityFeeds' => []
])

@forelse ($activityFeeds as $activityFeed)
    <div class="single-traking mb-10">
        <div class="d-flex align-items-center gap-5 flex-wrap justify-items-between">
            <div class="d-flex align-items-start gap-3 flex-fill">
                <div class="user-box">
                    <img src="{{ uploaded_asset($activityFeed->user->avatar_id) }}" alt="{{ $activityFeed->user->name }}">
                </div>
                <div class="traking-content">
                    <p class="text-secondary text-capitalize mb-0 fs-12">{{ $activityFeed->user->name }}, {{ date('h:i A', strtotime($activityFeed->created_at)) }}</p>
                    <h6 class="mb-1 fs-13 traking-bg text-capitalize">{{ $activityFeed->designation->name }}</h6>
                </div>
            </div>
            <span class="notifications-feed">
                {!! $activityFeed->message !!}
            </span>
        </div>
    </div>
@empty
    <div id="no-more-data"></div>
@endforelse