const postButton = document.getElementById('post-button');
const postContent = document.getElementById('post-content');
const postImage = document.getElementById('post-image');
const postVideo = document.getElementById('post-video');
const postContainer = document.getElementById('post-container');
 
postButton.addEventListener('click', (e) => {
  e.preventDefault();
  const content = postContent.value.trim();
  const image = postImage.files[0];
  const video = postVideo.files[0];
 
  if (!content) {
    alert('المنشور لا يمكن أن يكون فارغًا!');
    return;
  }
 
  const post = document.createElement('div');
  post.className = 'post';
 
  let media = '';
  if (image) {
    if (!image.type.startsWith('image/')) {
      alert('الملف المرفق ليس صورة!');
      return;
    }
    media += `<img src="${URL.createObjectURL(image)}" alt="صورة المنشور">`;
  }
  if (video) {
    if (!video.type.startsWith('video/')) {
      alert('الملف المرفق ليس فيديو!');
      return;
    }
    media += `<video src="${URL.createObjectURL(video)}" controls></video>`;
  }
 
  post.innerHTML = `
    <h2>منشور جديد</h2>
    <p>${content}</p>
    ${media}
    <button class="delete-post">حذف</button>
  `;
 
  postContainer.appendChild(post);
  postContent.value = '';
  postImage.value = '';
  postVideo.value = '';
 
  // حذف المنشور
  post.querySelector('.delete-post').addEventListener('click', () => {
    post.style.opacity = '0';
    setTimeout(() => post.remove(), 300);
  });
});
 

Y29uc3QgcG9zdEJ1dHRvbiA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwb3N0LWJ1dHRvbicpOwpjb25zdCBwb3N0Q29udGVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwb3N0LWNvbnRlbnQnKTsKY29uc3QgcG9zdEltYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Bvc3QtaW1hZ2UnKTsKY29uc3QgcG9zdFZpZGVvID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Bvc3QtdmlkZW8nKTsKY29uc3QgcG9zdENvbnRhaW5lciA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwb3N0LWNvbnRhaW5lcicpOwoKcG9zdEJ1dHRvbi5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIChlKSA9PiB7CiAgZS5wcmV2ZW50RGVmYXVsdCgpOwogIGNvbnN0IGNvbnRlbnQgPSBwb3N0Q29udGVudC52YWx1ZS50cmltKCk7CiAgY29uc3QgaW1hZ2UgPSBwb3N0SW1hZ2UuZmlsZXNbMF07CiAgY29uc3QgdmlkZW8gPSBwb3N0VmlkZW8uZmlsZXNbMF07CgogIGlmICghY29udGVudCkgewogICAgYWxlcnQoJ9in2YTZhdmG2LTZiNixINmE2Kcg2YrZhdmD2YYg2KPZhiDZitmD2YjZhiDZgdin2LHYutmL2KchJyk7CiAgICByZXR1cm47CiAgfQoKICBjb25zdCBwb3N0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7CiAgcG9zdC5jbGFzc05hbWUgPSAncG9zdCc7CgogIGxldCBtZWRpYSA9ICcnOwogIGlmIChpbWFnZSkgewogICAgaWYgKCFpbWFnZS50eXBlLnN0YXJ0c1dpdGgoJ2ltYWdlLycpKSB7CiAgICAgIGFsZXJ0KCfYp9mE2YXZhNmBINin2YTZhdix2YHZgiDZhNmK2LMg2LXZiNix2KkhJyk7CiAgICAgIHJldHVybjsKICAgIH0KICAgIG1lZGlhICs9IGA8aW1nIHNyYz0iJHtVUkwuY3JlYXRlT2JqZWN0VVJMKGltYWdlKX0iIGFsdD0i2LXZiNix2Kkg2KfZhNmF2YbYtNmI2LEiPmA7CiAgfQogIGlmICh2aWRlbykgewogICAgaWYgKCF2aWRlby50eXBlLnN0YXJ0c1dpdGgoJ3ZpZGVvLycpKSB7CiAgICAgIGFsZXJ0KCfYp9mE2YXZhNmBINin2YTZhdix2YHZgiDZhNmK2LMg2YHZitiv2YrZiCEnKTsKICAgICAgcmV0dXJuOwogICAgfQogICAgbWVkaWEgKz0gYDx2aWRlbyBzcmM9IiR7VVJMLmNyZWF0ZU9iamVjdFVSTCh2aWRlbyl9IiBjb250cm9scz48L3ZpZGVvPmA7CiAgfQoKICBwb3N0LmlubmVySFRNTCA9IGAKICAgIDxoMj7ZhdmG2LTZiNixINis2K/ZitivPC9oMj4KICAgIDxwPiR7Y29udGVudH08L3A+CiAgICAke21lZGlhfQogICAgPGJ1dHRvbiBjbGFzcz0iZGVsZXRlLXBvc3QiPtit2LDZgTwvYnV0dG9uPgogIGA7CgogIHBvc3RDb250YWluZXIuYXBwZW5kQ2hpbGQocG9zdCk7CiAgcG9zdENvbnRlbnQudmFsdWUgPSAnJzsKICBwb3N0SW1hZ2UudmFsdWUgPSAnJzsKICBwb3N0VmlkZW8udmFsdWUgPSAnJzsKCiAgLy8g2K3YsNmBINin2YTZhdmG2LTZiNixCiAgcG9zdC5xdWVyeVNlbGVjdG9yKCcuZGVsZXRlLXBvc3QnKS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+IHsKICAgIHBvc3Quc3R5bGUub3BhY2l0eSA9ICcwJzsKICAgIHNldFRpbWVvdXQoKCkgPT4gcG9zdC5yZW1vdmUoKSwgMzAwKTsKICB9KTsKfSk7Cg==