function all() {
	let html = `
    <salla-modal sub-title="اختر الفرع الي ودك تتواصل معه" modal-title="حسب المدينة" id="wa-modal">
        <div class="flex justify-center max-w-full">
          <a href="https://wa.me/966507712291"> واتس تبوك </a>
          <a href="https://wa.me/966533305808"> واتس الرياض </a>
        </div>
    </salla-modal>
`;
	let whats_modal_wrapper = document.createElement("div");
	whats_modal_wrapper.innerHTML = html;
	document.body.appendChild(whats_modal_wrapper);
	// add event
	function change_whatsapp_number() {
		let wa_btn = document.querySelector("#wa-widget .wa-btn");
		wa_btn.removeAttribute("href");
		wa_btn.addEventListener("click", () => {
			document.querySelector("#wa-modal").open();
		});
	}
	change_whatsapp_number();
}

// if content loaded
if (document.readyState == "complete") {
	all();
} else {
	document.addEventListener("DOMContentLoaded", all);
}