Kahf Kids — Admin Panel

🍼 Kahf Kids

Admin Panel Login

Invalid password

🍼 Kahf Kids

Admin Panel

Dashboard Sliders Products Categories Popups View Shop

Dashboard

Quick Actions

Sliders

ID	Title	Badge	CTA	Actions

Products

Image	Title	Price	Discount	Category	Actions

Popups

Title	Trigger	Content	Priority	Enabled	Actions

Add Slider

Title

Subtitle

Badge Text

CTA Button Text

Gradient CSS

Image URL (optional — overrides gradient)

Link URL

Add Product

Title *

Price (BDT) *

Discount (%)

Primary Image URL (thumbnail)

Additional Images

YouTube Video URL (optional)

Buy Now Link

Add Category

ID (lowercase with hyphens) *

Name *

Emoji

Color

Image URL (optional — shows image instead of emoji)

Category Link (optional — URL when category is clicked)

Add Popup

Title *

Enabled

Priority (1 = highest)

Trigger Type

Delay (seconds)

Duration (seconds, 0 = manual close)

Frequency

Frequency Days

Content Type

Image URL

Multiple Images

Image URL

Multiple Images

External Link URL

Link Button Text

YouTube URL

HTML Content

<div class="form-group">
        <label>Background Color</label>
        <input type="color" id="popupModalBgColor" value="#ffffff">
      </div>
      <div class="form-group">
        <label>Text Color</label>
        <input type="color" id="popupModalTextColor" value="#1d1d1f">
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closePopupModal()">Cancel</button>
      <button class="btn btn-primary" onclick="savePopup()">Save</button>
    </div>
  </div>
</div>

// ==================== AUTH ====================
async function doLogin() {
  const pw = document.getElementById('loginPassword').value;
  if (!pw) return;
  
  try {
    const res = await fetch('https://devshopkids.kahf.to/api/products', {
      headers: { 'Authorization': 'Bearer ' + pw }
    });
    if (res.ok) {
      adminToken = pw;
      localStorage.setItem('kahf-admin-token', pw);
      document.getElementById('loginScreen').style.display = 'none';
      document.getElementById('adminLayout').style.display = 'flex';
      loadAllData();
    } else {
      document.getElementById('loginError').style.display = 'block';
    }
  } catch (err) {
    document.getElementById('loginError').style.display = 'block';
  }
}

function doLogout() {
  adminToken = '';
  localStorage.removeItem('kahf-admin-token');
  document.getElementById('loginScreen').style.display = 'flex';
  document.getElementById('adminLayout').style.display = 'none';
}

// Auto-login if token exists
if (adminToken) {
  fetch('https://devshopkids.kahf.to/api/products', { headers: { 'Authorization': 'Bearer ' + adminToken } })
    .then(r => { if (r.ok) { document.getElementById('loginScreen').style.display = 'none'; document.getElementById('adminLayout').style.display = 'flex'; loadAllData(); }})
    .catch(() => {});
}

// ==================== DATA LOADING ====================
async function loadAllData() {
  try {
    const [p, s, c, pop] = await Promise.all([
      fetch('https://devshopkids.kahf.to/api/products').then(r => r.json()),
      fetch('https://devshopkids.kahf.to/api/sliders').then(r => r.json()),
      fetch('https://devshopkids.kahf.to/api/categories').then(r => r.json()),
      fetch('https://devshopkids.kahf.to/api/popups').then(r => r.json())
    ]);
    products = p;
    sliders = s;
    categories = c;
    popups = pop;
    renderDashboard();
    renderSlidersTable();
    renderProductsTable();
    renderCategoriesList();
    renderPopupsTable();
    populateCategoryDropdown();
  } catch (err) {
    showToast('Failed to load data', 'error');
  }
}

// ==================== NAVIGATION ====================
function showSection(name) {
  document.querySelectorAll('[id^="section-"]').forEach(el => el.style.display = 'none');
  document.getElementById('section-' + name).style.display = 'block';
  document.querySelectorAll('.sidebar-nav a').forEach(a => {
    a.classList.toggle('active', a.dataset.section === name);
  });
  // Close mobile sidebar
  document.querySelector('.sidebar').classList.remove('open');
}

// ==================== DASHBOARD ====================
function renderDashboard() {
  const grid = document.getElementById('statsGrid');
  grid.innerHTML = `
    <div class="stat-card">
      <div class="stat-icon" style="background:#eef2ff;">📦</div>
      <div class="stat-value">${products.length}</div>
      <div class="stat-label">Products</div>
    </div>
    <div class="stat-card">
      <div class="stat-icon" style="background:#fef3c7;">🖼️</div>
      <div class="stat-value">${sliders.length}</div>
      <div class="stat-label">Sliders</div>
    </div>
    <div class="stat-card">
      <div class="stat-icon" style="background:#d1fae5;">📂</div>
      <div class="stat-value">${categories.length}</div>
      <div class="stat-label">Categories</div>
    </div>
    <div class="stat-card">
      <div class="stat-icon" style="background:#fce7f3;">💰</div>
      <div class="stat-value">${products.filter(p => p.discount > 0).length}</div>
      <div class="stat-label">On Sale</div>
    </div>
    <div class="stat-card">
      <div class="stat-icon" style="background:#ede9fe;">🔔</div>
      <div class="stat-value">${popups.length}</div>
      <div class="stat-label">Popups</div>
    </div>
  `;
}

// ==================== SLIDERS ====================
function renderSlidersTable() {
  const tbody = document.getElementById('slidersTable');
  tbody.innerHTML = sliders.map(s => `
    <tr>
      <td>${s.id}</td>
      <td>${escapeHtml(s.title)}</td>
      <td>${escapeHtml(s.badge)}</td>
      <td>${escapeHtml(s.cta_text)}</td>
      <td class="actions">
        <button class="btn btn-sm btn-secondary" onclick="editSlider(${s.id})">Edit</button>
        <button class="btn btn-sm btn-danger" onclick="deleteSlider(${s.id})">Delete</button>
      </td>
    </tr>
  `).join('');
}

function closeSliderModal() {
  document.getElementById('sliderModal').classList.remove('open');
}

function editSlider(id) {
  const slider = sliders.find(s => s.id === id);
  if (slider) openSliderModal(slider);
}

async function saveSlider() {
  const editId = document.getElementById('sliderEditId').value;
  const data = {
    title: document.getElementById('sliderTitle').value,
    subtitle: document.getElementById('sliderSubtitle').value,
    badge: document.getElementById('sliderBadge').value,
    cta_text: document.getElementById('sliderCta').value,
    gradient: document.getElementById('sliderGradient').value,
    image_url: document.getElementById('sliderImage').value,
    link: document.getElementById('sliderLink').value
  };
  
  if (!data.title) { showToast('Title is required', 'error'); return; }
  
  const method = editId ? 'PUT' : 'POST';
  const url = editId ? '/api/sliders/' + editId : '/api/sliders';
  
  try {
    const res = await fetch(url, {
      method,
      headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + adminToken },
      body: JSON.stringify(data)
    });
    if (res.ok) {
      showToast(editId ? 'Slider updated' : 'Slider added', 'success');
      closeSliderModal();
      loadAllData();
    } else {
      const err = await res.json();
      showToast(err.error || 'Failed to save', 'error');
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

async function deleteSlider(id) {
  if (!confirm('Delete this slider?')) return;
  try {
    const res = await fetch('https://devshopkids.kahf.to/api/sliders/' + id, {
      method: 'DELETE',
      headers: { 'Authorization': 'Bearer ' + adminToken }
    });
    if (res.ok) {
      showToast('Slider deleted', 'success');
      loadAllData();
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

// ==================== PRODUCTS ====================
function renderProductsTable() {
  const query = (document.getElementById('productSearch')?.value || '').toLowerCase();
  const filtered = products.filter(p => 
    !query || p.title.toLowerCase().includes(query) || p.category.toLowerCase().includes(query)
  );
  
  const tbody = document.getElementById('productsTable');
  tbody.innerHTML = filtered.map(p => {
    const cat = categories.find(c => c.id === p.category);
    return `
      <tr>
        <td><img decoding="async" class="product-img" src="${p.image_url}" alt="" onerror="this.style.display='none'"></td>
        <td>${escapeHtml(p.title.substring(0, 50))}${p.title.length > 50 ? '...' : ''}</td>
        <td>৳${p.price}</td>
        <td>${p.discount}%</td>
        <td>${cat ? cat.emoji + ' ' + cat.name : p.category}</td>
        <td class="actions">
          <button class="btn btn-sm btn-secondary" onclick="editProduct(${p.id})">Edit</button>
          <button class="btn btn-sm btn-secondary" onclick="duplicateProduct(${p.id})">Copy</button>
          <button class="btn btn-sm btn-danger" onclick="deleteProduct(${p.id})">Delete</button>
        </td>
      </tr>
    `;
  }).join('');
}

function closeProductModal() {
  document.getElementById('productModal').classList.remove('open');
}

function editProduct(id) {
  const product = products.find(p => p.id === id);
  if (product) openProductModal(product);
}

async function duplicateProduct(id) {
  const product = products.find(p => p.id === id);
  if (!product) return;
  
  const data = { ...product };
  delete data.id;
  data.title = data.title + ' (Copy)';
  
  try {
    const res = await fetch('https://devshopkids.kahf.to/api/products', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + adminToken },
      body: JSON.stringify(data)
    });
    if (res.ok) {
      showToast('Product duplicated', 'success');
      loadAllData();
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

async function saveProduct() {
  const editId = document.getElementById('productEditId').value;
  
  // Collect specs
  const specs = [];
  document.querySelectorAll('#specsList .builder-row').forEach(row => {
    const inputs = row.querySelectorAll('input');
    if (inputs[0].value && inputs[1].value) {
      specs.push({ label: inputs[0].value, value: inputs[1].value });
    }
  });
  
  // Collect reviews
  const reviews = [];
  document.querySelectorAll('#reviewsList .builder-row').forEach(row => {
    const inputs = row.querySelectorAll('input');
    if (inputs[0].value) {
      reviews.push({
        name: inputs[0].value,
        stars: parseInt(inputs[1].value) || 5,
        text: inputs[2].value,
        date: inputs[3].value || new Date().toISOString().split('T')[0]
      });
    }
  });
  
  // Collect additional images
  const additionalImages = [];
  document.querySelectorAll('#additionalImagesList .builder-row input').forEach(input => {
    if (input.value.trim()) additionalImages.push(input.value.trim());
  });
  const primaryImage = document.getElementById('productImage').value;
  const allImages = primaryImage ? [primaryImage, ...additionalImages] : additionalImages;
  
  const data = {
    title: document.getElementById('productTitle').value,
    price: parseFloat(document.getElementById('productPrice').value) || 0,
    discount: parseInt(document.getElementById('productDiscount').value) || 0,
    image_url: primaryImage,
    link: document.getElementById('productLink').value,
    category: document.getElementById('productCategory').value,
    description: document.getElementById('productDescription').value,
    specs,
    tips: document.getElementById('productTips').value.split('\n').filter(t => t.trim()),
    reviews,
    images: allImages,
    youtube_url: document.getElementById('productYoutube').value
  };
  
  if (!data.title) { showToast('Title is required', 'error'); return; }
  
  const method = editId ? 'PUT' : 'POST';
  const url = editId ? '/api/products/' + editId : '/api/products';
  
  try {
    const res = await fetch(url, {
      method,
      headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + adminToken },
      body: JSON.stringify(data)
    });
    if (res.ok) {
      showToast(editId ? 'Product updated' : 'Product added', 'success');
      closeProductModal();
      loadAllData();
    } else {
      const err = await res.json();
      showToast(err.error || 'Failed to save', 'error');
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

async function deleteProduct(id) {
  if (!confirm('Delete this product?')) return;
  try {
    const res = await fetch('https://devshopkids.kahf.to/api/products/' + id, {
      method: 'DELETE',
      headers: { 'Authorization': 'Bearer ' + adminToken }
    });
    if (res.ok) {
      showToast('Product deleted', 'success');
      loadAllData();
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

// ==================== SPECS BUILDER ====================
function addSpecRow(label = '', value = '') {
  const list = document.getElementById('specsList');
  const row = document.createElement('div');
  row.className = 'builder-row';
  row.innerHTML = `
    <input type="text" placeholder="Label (e.g. উপাদান)" value="${escapeAttr(label)}">
    <input type="text" placeholder="Value" value="${escapeAttr(value)}">
    <button class="btn-remove" onclick="this.parentElement.remove()">×</button>
  `;
  list.appendChild(row);
}

// ==================== REVIEWS BUILDER ====================
function addReviewRow(name = '', stars = 5, text = '', date = '') {
  const list = document.getElementById('reviewsList');
  const row = document.createElement('div');
  row.className = 'builder-row';
  row.style.flexWrap = 'wrap';
  row.innerHTML = `
    <input type="text" placeholder="Name" value="${escapeAttr(name)}" style="flex:2;">
    <input type="number" placeholder="Stars" value="${stars}" min="1" max="5" style="flex:0 0 60px;">
    <input type="text" placeholder="Review text" value="${escapeAttr(text)}" style="flex:3;">
    <input type="date" value="${date}" style="flex:0 0 140px;">
    <button class="btn-remove" onclick="this.parentElement.remove()">×</button>
  `;
  list.appendChild(row);
}

// ==================== CATEGORIES ====================
function renderCategoriesList() {
  const container = document.getElementById('categoriesList');
  container.innerHTML = categories.map(c => `
    <div class="category-item">
      <div class="cat-emoji" style="background:${c.color}">${c.emoji}</div>
      <div class="cat-info">
        <div class="cat-name">${escapeHtml(c.name)}</div>
        <div class="cat-id">${c.id}</div>
      </div>
      <div class="actions">
        <button class="btn btn-sm btn-secondary" onclick="editCategory('${c.id}')">Edit</button>
        <button class="btn btn-sm btn-danger" onclick="deleteCategory('${c.id}')">Delete</button>
      </div>
    </div>
  `).join('');
}

function populateCategoryDropdown() {
  const select = document.getElementById('productCategory');
  select.innerHTML = categories.map(c => `<option value="${c.id}">${c.emoji} ${c.name}</option>`).join('');
}

function closeCategoryModal() {
  document.getElementById('categoryModal').classList.remove('open');
}

function editCategory(id) {
  const cat = categories.find(c => c.id === id);
  if (cat) openCategoryModal(cat);
}

async function saveCategory() {
  const editId = document.getElementById('categoryEditId').value;
  const data = {
    id: document.getElementById('categoryId').value,
    name: document.getElementById('categoryName').value,
    emoji: document.getElementById('categoryEmoji').value,
    color: document.getElementById('categoryColor').value,
    image_url: document.getElementById('categoryImageUrl').value,
    link: document.getElementById('categoryLink').value
  };
  
  if (!data.id || !data.name) { showToast('ID and Name are required', 'error'); return; }
  
  const method = editId ? 'PUT' : 'POST';
  const url = editId ? '/api/categories/' + editId : '/api/categories';
  
  try {
    const res = await fetch(url, {
      method,
      headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + adminToken },
      body: JSON.stringify(data)
    });
    if (res.ok) {
      showToast(editId ? 'Category updated' : 'Category added', 'success');
      closeCategoryModal();
      loadAllData();
    } else {
      const err = await res.json();
      showToast(err.error || 'Failed to save', 'error');
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

async function deleteCategory(id) {
  if (!confirm('Delete this category? Products in this category will not be deleted.')) return;
  try {
    const res = await fetch('https://devshopkids.kahf.to/api/categories/' + id, {
      method: 'DELETE',
      headers: { 'Authorization': 'Bearer ' + adminToken }
    });
    if (res.ok) {
      showToast('Category deleted', 'success');
      loadAllData();
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

// ==================== HELPERS ====================
function escapeHtml(str) {
  if (!str) return '';
  const div = document.createElement('div');
  div.textContent = str;
  return div.innerHTML;
}

function escapeAttr(str) {
  if (!str) return '';
  return str.replace(/"/g, '"').replace(/'/g, ''');
}

// ==================== IMAGE PREVIEWS ====================
function previewPrimaryImage() {
  const url = document.getElementById('productImage').value;
  const preview = document.getElementById('primaryImagePreview');
  const img = document.getElementById('primaryImagePreviewImg');
  if (url && url.startsWith('http')) {
    img.src = url;
    preview.style.display = 'block';
    img.onerror = () => { preview.style.display = 'none'; };
  } else {
    preview.style.display = 'none';
  }
}

function getYouTubeEmbed(url) {
  if (!url) return '';
  const match = url.match(/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/))([^&?#]+)/);
  return match ? 'https://www.youtube.com/embed/' + match[1] : url;
}

// ==================== ADDITIONAL IMAGES BUILDER ====================
function addImageRow(value = '') {
  const list = document.getElementById('additionalImagesList');
  const row = document.createElement('div');
  row.className = 'builder-row';
  row.innerHTML = '<input type="text" placeholder="Additional image URL" value="' + escapeAttr(value) + '"><button class="btn-remove" onclick="this.parentElement.remove()">×</button>';
  list.appendChild(row);
}

// ==================== POPUP IMAGES BUILDER ====================
function addPopupImageRow(value = '') {
  const list = document.getElementById('popupModalImagesList');
  const row = document.createElement('div');
  row.className = 'builder-row';
  row.innerHTML = '<input type="text" placeholder="Popup image URL" value="' + escapeAttr(value) + '"><button class="btn-remove" onclick="this.parentElement.remove()">×</button>';
  list.appendChild(row);
}

function addPopupLinkImageRow(value = '') {
  const list = document.getElementById('popupModalLinkImagesList');
  const row = document.createElement('div');
  row.className = 'builder-row';
  row.innerHTML = '<input type="text" placeholder="Popup image URL" value="' + escapeAttr(value) + '"><button class="btn-remove" onclick="this.parentElement.remove()">×</button>';
  list.appendChild(row);
}

// ==================== POPUPS SECTION ====================
function renderPopupsTable() {
  const tbody = document.getElementById('popupsTable');
  tbody.innerHTML = popups.map(p => {
    const triggerMap = { timer: 'Timer', scroll: 'Scroll %', exit_intent: 'Exit Intent', click: 'Click' };
    const contentMap = { image: 'Image', link_image: 'Image + Link', youtube: 'YouTube', html: 'HTML Text' };
    return `
      <tr>
        <td>${escapeHtml(p.title)}</td>
        <td>${triggerMap[p.trigger_type] || p.trigger_type}</td>
        <td>${contentMap[p.content_type] || p.content_type}</td>
        <td>${p.priority || 1}</td>
        <td>${p.enabled ? '✅' : '❌'}</td>
        <td class="actions">
          <button class="btn btn-sm btn-secondary" onclick="editPopup(${p.id})">Edit</button>
          <button class="btn btn-sm btn-danger" onclick="deletePopup(${p.id})">Delete</button>
        </td>
      </tr>
    `;
  }).join('');
}

function closePopupModal() {
  document.getElementById('popupModal').classList.remove('open');
}

function editPopup(id) {
  const popup = popups.find(p => p.id === id);
  if (popup) openPopupModal(popup);
}

async function savePopup() {
  const editId = document.getElementById('popupEditId').value;
  
  // Collect images
  const images = [];
  document.querySelectorAll('#popupModalImagesList .builder-row input').forEach(input => {
    if (input.value.trim()) images.push(input.value.trim());
  });
  
  // Collect link images
  const linkImages = [];
  document.querySelectorAll('#popupModalLinkImagesList .builder-row input').forEach(input => {
    if (input.value.trim()) linkImages.push(input.value.trim());
  });
  
  const triggerType = document.getElementById('popupModalTrigger').value;
  
  const data = {
    title: document.getElementById('popupModalTitle2').value,
    enabled: document.getElementById('popupModalEnabled').value === 'true',
    priority: parseInt(document.getElementById('popupModalPriority').value) || 1,
    trigger_type: triggerType,
    delay_seconds: triggerType === 'timer' ? (parseInt(document.getElementById('popupModalTriggerValue').value) || 5) : undefined,
    scroll_percent: triggerType === 'scroll' ? (parseInt(document.getElementById('popupModalTriggerValue').value) || 50) : undefined,
    duration_seconds: parseInt(document.getElementById('popupModalDuration').value) || 0,
    frequency: document.getElementById('popupModalFrequency').value,
    frequency_days: parseInt(document.getElementById('popupModalFrequencyDays').value) || 7,
    content_type: document.getElementById('popupModalContentType').value,
    image_url: document.getElementById('popupModalImageUrl').value,
    images,
    link_image_url: document.getElementById('popupModalLinkImageUrl').value,
    link_images: linkImages,
    external_link_url: document.getElementById('popupModalExternalLink').value,
    link_button_text: document.getElementById('popupModalLinkButtonText').value,
    youtube_url: document.getElementById('popupModalYoutubeUrl').value,
    html_content: document.getElementById('popupModalHtmlContent').value,
    background_color: document.getElementById('popupModalBgColor').value,
    text_color: document.getElementById('popupModalTextColor').value
  };
  
  if (!data.title) { showToast('Title is required', 'error'); return; }
  
  const method = editId ? 'PUT' : 'POST';
  const url = editId ? '/api/popups/' + editId : '/api/popups';
  
  try {
    const res = await fetch(url, {
      method,
      headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + adminToken },
      body: JSON.stringify(data)
    });
    if (res.ok) {
      showToast(editId ? 'Popup updated' : 'Popup added', 'success');
      closePopupModal();
      loadAllData();
    } else {
      const err = await res.json();
      showToast(err.error || 'Failed to save', 'error');
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

async function deletePopup(id) {
  if (!confirm('Delete this popup?')) return;
  try {
    const res = await fetch('https://devshopkids.kahf.to/api/popups/' + id, {
      method: 'DELETE',
      headers: { 'Authorization': 'Bearer ' + adminToken }
    });
    if (res.ok) {
      showToast('Popup deleted', 'success');
      loadAllData();
    }
  } catch (err) {
    showToast('Network error', 'error');
  }
}

// ==================== POPUP SETTINGS HELPERS ====================
function onPopupTriggerChange() {
  const trigger = document.getElementById('popupModalTrigger').value;
  const label = document.getElementById('popupModalTriggerLabel');
  const input = document.getElementById('popupModalTriggerValue');
  if (trigger === 'timer') {
    label.textContent = 'Delay (seconds)';
    input.value = 5;
    input.min = 1; input.max = 300;
    input.disabled = false;
    document.getElementById('popupTriggerValueGroup').style.display = 'block';
  } else if (trigger === 'scroll') {
    label.textContent = 'Scroll %';
    input.value = 50;
    input.min = 0; input.max = 100;
    input.disabled = false;
    document.getElementById('popupTriggerValueGroup').style.display = 'block';
  } else {
    document.getElementById('popupTriggerValueGroup').style.display = 'none';
  }
}

function onPopupContentTypeChange() {
  const contentType = document.getElementById('popupModalContentType').value;
  document.getElementById('popupModalImageFields').style.display = (contentType === 'image') ? 'block' : 'none';
  document.getElementById('popupModalLinkFields').style.display = (contentType === 'link_image') ? 'block' : 'none';
  document.getElementById('popupModalYoutubeField').style.display = (contentType === 'youtube') ? 'block' : 'none';
  document.getElementById('popupModalHtmlField').style.display = (contentType === 'html') ? 'block' : 'none';
}

function onPopupFrequencyChange() {
  const freq = document.getElementById('popupModalFrequency').value;
  document.getElementById('popupModalFrequencyDaysGroup').style.display = freq === 'every_N_days' ? 'block' : 'none';
}

function showToast(msg, type = 'success') {
  const toast = document.createElement('div');
  toast.className = 'toast toast-' + type;
  toast.textContent = msg;
  document.body.appendChild(toast);
  setTimeout(() => toast.remove(), 3000);
}
</script>
</body>
</html>

</div>
	</div>
</article>

</div>
					</div>
			</div>
</div>
	</main>
	<footer id="colophon" class="site-footer" role="contentinfo">
	<div class="site-footer-wrap">
		<div class="site-bottom-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="kadence_customizer_footer_bottom">
	<div class="site-footer-row-container-inner">
				<div class="site-container">
			<div class="site-bottom-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-row site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
									<div class="site-footer-bottom-section-1 site-footer-section footer-section-inner-items-1">
						
<div class="footer-widget-area site-info site-footer-focus-item content-align-center content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_html">
	<div class="footer-widget-area-inner site-info-inner">
		<div class="footer-html inner-link-style-normal"><div class="footer-html-inner"><p>© 2026 kahfkids.com</p>
</div></div>	</div>
</div>
					</div>
								</div>
		</div>
	</div>
</div>
	</div>
</footer>

</div>