@if ($contacts->total() == 0)
     <div class="d-flex justify-content-center align-items-center">

         <x-no-data />
     </div>
 @endif

 <div href="app-emailread.html " style="width: 100%;">
     <div class="d-md-flex align-items-center email-message px-3 py-1">
         <div class="d-flex align-items-center email-actions">
             <p class="mb-0"><b>Name</b>
             </p>
         </div>
         <div class="">
             <p class="mb-0"><b>Number Whatsapp </b></p>
         </div>


     </div>
     @foreach ($contacts as $contact)
         <div href="app-emailread.html " id="contact-{{ $contact->id }}" style="width: 100%;">
             <div class="d-md-flex align-items-center email-message px-3 py-1">
                 <div class="d-flex align-items-center email-actions">
                     <p class="mb-0"><b>{{ $contact->name }}</b>
                     </p>
                 </div>
                 <div class="">
                     <p class="mb-0"><b>{{ $contact->number }} </b></p>
                 </div>
                 <button onclick="deleteContact({{ $contact->id }})" class="btn btn-sm text-danger">
                     <i class="bi bi-trash"></i>
                 </button>

             </div>
         </div>
     @endforeach
 </div>