@forelse ($allContacts as $latter=>$contacts)
    <div>
        <div class="p-3 fw-bold text-primary">
            {{ $latter }}
        </div>

        <ul class="list-unstyled contact-list">
            @foreach ($contacts as $contact)
                <li>
                    <div class="form-check">
                        <input type="checkbox" name="members[]" value="{{ $contact->id }}" class="form-check-input" id="{{ $contact->id }}">
                        <label class="form-check-label" for="{{ $contact->id }}"> {{ $contact->username }}</label>
                    </div>
                </li>
            @endforeach 
        </ul>
    </div>
@empty
@endforelse