document.addEventListener("DOMContentLoaded", function () {
if (document.querySelector(".zain-custom-header")) return;
const header = document.createElement("header");
header.className = "zain-custom-header";
header.innerHTML = `
`;
document.body.prepend(header);
const searchBox = header.querySelector(".zain-search");
const searchBtn = header.querySelector(".zain-search-btn");
const searchForm = header.querySelector(".zain-search-form");
const searchInput = header.querySelector(".zain-search-form input");
searchBtn.addEventListener("click", function () {
searchBox.classList.toggle("active");
setTimeout(() => searchInput.focus(), 100);
});
searchForm.addEventListener("submit", function (e) {
e.preventDefault();
const value = searchInput.value.trim();
if (value) {
window.location.href = "/search?q=" + encodeURIComponent(value);
}
});
const mobileMenuBtn = header.querySelector(".zain-mobile-menu-btn");
const menu = header.querySelector(".zain-menu");
mobileMenuBtn.addEventListener("click", function () {
menu.classList.toggle("mobile-open");
mobileMenuBtn.classList.toggle("active");
});
document.addEventListener("click", function (e) {
if (!header.contains(e.target)) {
menu.classList.remove("mobile-open");
mobileMenuBtn.classList.remove("active");
searchBox.classList.remove("active");
}
});
});
document.addEventListener("DOMContentLoaded", function () {
if (!document.querySelector('link[href*="font-awesome"]')) {
const fontAwesome = document.createElement("link");
fontAwesome.rel = "stylesheet";
fontAwesome.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
document.head.appendChild(fontAwesome);
}
if (document.querySelector(".zain-custom-footer")) return;
const footer = document.createElement("footer");
footer.className = "zain-custom-footer";
footer.innerHTML = `
`;
document.body.appendChild(footer);
});
