@if($contacts->count()>0)
    @foreach ($contacts as $contact)
        <div class="contact-item d-flex align-items-center"
             id="contact-{{ $contact->id }}"
             data-id="{{ $contact->id }}"
             data-name="{{$contact->name}}"
             @if($tab=="contacts")
                 data-number="{{$contact->number}}"
                 data-whatsapp_available="
                    @if($contact->whatsapp_available)
                        <span class='badge badge-success'><i class='fa fa-check-circle'></i> Available on WhatsApp</span>
                    @else
                        <span class='badge badge-danger'><i class='fa fa-times-circle'></i> Not available on WhatsApp</span>
                    @endif
                 "
             @endif
        >
            <div class="form-check me-2">
                <input class="form-check-input" type="checkbox" data-id="{{ $contact->id }}">
            </div>
            <div class="contact-avatar me-3">{{ substr($contact->name,0,1) }}</div>
            <div>
                <div class="fw-bold">{{$contact->name}}
                    @if($tab=="contacts")
                        @if($contact->whatsapp_available)
                            <i class="fa fa-check-circle text-success"></i>
                        @else
                            <i class="fa fa-times-circle text-danger"></i>
                        @endif
                    @endif
                </div>
                @if($tab=="contacts")
                    <div class="text-muted small">{{ $contact->number }}</div>
                @endif
            </div>
        </div>
    @endforeach
@else
    <div class="text-center py-4">
        @if($tab=="contacts")
            No contacts found.
        @else
            No groups found.
        @endif
    </div>
@endif