import { adminGetItems, createItem, deleteItem } from './api.js';

const list = document.getElementById('items-list');
const input = document.getElementById('new-item');
const addBtn = document.getElementById('add-btn');

async function renderItems() {
  const items = await adminGetItems();
  list.innerHTML = '';
  items.forEach(item => {
    const li = document.createElement('li');
    li.innerHTML = `
      <span>${item.title}</span>
      <button onclick="removeItem(${item.id})">حذف</button>
    `;
    list.appendChild(li);
  });
}

window.removeItem = async (id) => {
  await deleteItem(id);
  renderItems();
};

addBtn.onclick = async () => {
  const title = input.value.trim();
  if (!title) return;
  await createItem(title);
  input.value = '';
  renderItems();
};

renderItems();