document.addEventListener('DOMContentLoaded', function () {

  const waitForContacts = setInterval(() => {
    const contacts = document.querySelectorAll('.s-contacts');

    if (!contacts.length) return;

    clearInterval(waitForContacts);

    contacts.forEach(contact => {

      if (contact.querySelector('.s-contacts')) return;

      const div = document.createElement('div');
      div.classList.add('s-contacts');
      div.style.marginTop = '20px';

      const h3 = document.createElement('h3');
      h3.classList.add('s-contacts-title');
      h3.textContent = 'أرقام الجملة';

      const divContact = document.createElement('div');
      divContact.classList.add(
        's-contacts-list',
        's-contacts-list-vertical'
      );

      divContact.insertAdjacentHTML('beforeend', `
        <a href="tel:+966505566095" class="s-contacts-item">
          <span class="s-contacts-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
              <path d="M15.053 27.613c.133.12.28.213.44.28.16.067.333.107.507.107.36 0 .693-.135.947-.387.12-.135.213-.28.28-.44.08-.16.107-.333.107-.507 0-.347-.147-.695-.387-.947-.507-.493-1.387-.493-1.893 0-.12.12-.213.267-.28.44-.067.16-.107.333-.107.507s.04.347.107.507.16.305.28.44zM24 0H8C5.795 0 4 1.795 4 4v24c0 2.205 1.795 4 4 4h16c2.205 0 4-1.795 4-4V4c0-2.205-1.795-4-4-4zm1.333 28c0 .736-.599 1.333-1.333 1.333H8c-.735 0-1.333-.597-1.333-1.333v-4h18.667v4zm0-6.667H6.667V4c0-.735.599-1.333 1.333-1.333h16c.735 0 1.333.599 1.333 1.333v17.333z"/>
            </svg>
          </span>
          <span class="unicode">+966505566095</span>
        </a>
      `);

      div.appendChild(h3);
      div.appendChild(divContact);
      contact.appendChild(div);

    });

  }, 300);

});