// Firebase Config
const firebaseConfig = {
  apiKey: "AIzaSyBYD2JIHLf8h2Doa-lOqLx775SJXPJlV3M",
  authDomain: "takmeel-urdu-digital.firebaseapp.com",
  projectId: "takmeel-urdu-digital",
  storageBucket: "takmeel-urdu-digital.appspot.com",
  messagingSenderId: "37730629171",
  appId: "1:37730629171:web:cba3ee25b1c15163b45e06",
  measurementId: "G-7S2VMSL5P"
};

// Firebase Start
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-app.js";
import { getAuth, onAuthStateChanged, signOut } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-auth.js";
import { getFirestore, collection, getDocs } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-firestore.js";

const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const db = getFirestore(app);

// UI Render
const root = document.getElementById("root");

function render(data) {
  root.innerHTML = `
    <div class="max-w-3xl mx-auto p-4">
      <header class="bg-red-700 text-white p-4 rounded-lg mb-4 text-center">
        <h1 class="text-3xl font-bold">تکمیل اردو .PRO</h1>
        <p>پشاور کی تازہ ترین خبریں</p>
      </header>
      
      <h2 class="text-2xl font-bold mb-3">تازہ ترین خبریں</h2>
      <div class="space-y-4">
        ${data.news.map(n => `
          <div class="bg-white p-4 rounded-lg shadow">
            <h3 class="text-xl font-bold text-red-700">${n.title}</h3>
            <p class="text-gray-700 mt-2">${n.desc}</p>
            <p class="text-sm text-gray-400 mt-2">تاریخ: ${n.date}</p>
          </div>
        `).join('')}
      </div>
    </div>
  `;
}

// Data Load
async function loadData() {
  const newsSnap = await getDocs(collection(db, "news"));
  const news = newsSnap.docs.map(d => d.data());
  render({ news });
}

loadData();