/* Add custom JS code below */ 
document.addEventListener("DOMContentLoaded", function () {

  const container = document.querySelector('#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div:nth-child(1)');
  if (!container) return;

  if (container.querySelector('.business-verification-group')) return;

  const verifyHTML = `
    <div class="business-verification-group flex gap-4 items-end">

      <!-- التوثيق -->
      <div class="flex rtl:space-x-reverse space-x-2 items-end business-verification">
        <a href="https://eauthenticate.saudibusiness.gov.sa/certificate-details/0000171034" target="_blank">
          <img 
            src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=90,height=90,onerror=redirect,format=auto/images/sbc.png"
            class="w-14 rounded-sm hover:opacity-80 transition-opacity"
            alt="توثيق منصة الأعمال">
        </a>

        <div>
          <p class="text-sm text-text-grey mb-1">توثيق منصة الأعمال</p>
          <b class="text-sm">0000171034</b>
        </div>
      </div>

      <!-- السجل التجاري -->
      <div class="flex rtl:space-x-reverse space-x-2 items-end business-register">
        <img 
          src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=70,height=70,onerror=redirect,format=auto/images/commercial-register.png"
          class="w-14 rounded-sm hover:opacity-80 transition-opacity"
          alt="السجل التجاري">

        <div>
          <p class="text-sm text-text-grey mb-1">السجل التجاري</p>
          <b class="text-sm">4032276323</b>
        </div>
      </div>

    </div>
  `;

  container.insertAdjacentHTML("beforeend", verifyHTML);
});