const InfoPage = ({ topic, setPage, lang }) => {
  const t = (en, id) => lang === "id" ? id : en;

  const content = {
    "terms": {
      title: t("Terms & Conditions", "Syarat & Ketentuan"),
      body: t(
        "By using LOPOBYA, you agree to our terms. All prices are in IDR. We reserve the right to change prices without notice. Products are subject to availability.",
        "1. Pendahuluan\nDengan mengakses dan berbelanja di website LOPOBYA, Anda dianggap telah menyetujui seluruh Syarat dan Ketentuan yang berlaku.\n\n2. Harga & Ketersediaan\nSeluruh harga yang tertera dalam Rupiah (IDR). Kami berhak mengubah harga dan promo sewaktu-waktu tanpa pemberitahuan. Stok produk mengikuti ketersediaan di gudang utama kami.\n\n3. Hak Cipta\nSeluruh aset visual, desain tas, dan materi di website ini adalah milik sah LOPOBYA dan dilindungi oleh hukum."
      )
    },
    "privacy": {
      title: t("Privacy Policy", "Kebijakan Privasi"),
      body: t(
        "Your privacy is important. We only use your data to process orders and improve your shopping experience. We do not sell data to third parties.",
        "LOPOBYA sangat menghargai privasi Anda. Data pribadi yang Anda masukkan (nama, alamat, nomor telepon, dll) hanya akan digunakan murni untuk keperluan memproses pesanan dan pengiriman.\n\nKami menjamin tidak akan menyebarkan, meminjamkan, atau menjual data pelanggan ke pihak ketiga mana pun. Transaksi Anda dilindungi dengan enkripsi standar industri terkini."
      )
    },
    "faq": {
      title: "FAQ (Pertanyaan Umum)",
      body: t(
        "Q: How long does shipping take? A: 2-3 days.\nQ: Are the bags authentic? A: 100% locally handmade with premium materials.",
        "Q: Berapa lama pesanan saya akan sampai?\nA: Untuk Jabodetabek biasanya 1-2 hari kerja. Untuk luar daerah sekitar 3-5 hari kerja tergantung ekspedisi.\n\nQ: Apakah bahan tasnya gampang mengelupas?\nA: Tidak. Kami menggunakan Premium PU Leather tebal yang sudah diuji ketahanannya. Tidak mudah mengelupas walau dipakai bertahun-tahun.\n\nQ: Apakah foto produk sesuai aslinya?\nA: 100% Realpic! Hasil foto di studio kami sendiri. Perbedaan warna sedikit mungkin terjadi akibat perbedaan tingkat kecerahan layar HP masing-masing."
      )
    },
    "shipping": {
      title: t("Shipping Information", "Informasi Pengiriman"),
      body: t(
        "We ship nationwide. Orders placed before 3 PM will be processed the same day. Tracking numbers will be sent via WhatsApp.",
        "• Jangkauan Pengiriman: Kami melayani pengiriman ke SELURUH pelosok Nusantara.\n• Jam Operasional Pengemasan: Senin - Sabtu (09.00 - 17.00 WIB).\n• Batas Transfer (Cut-off Time): Pembayaran yang dikonfirmasi sebelum jam 15.00 WIB akan diproses dan dikirim pada hari yang sama.\n• Resi Pengiriman: Resi akan diupdate maksimal H+1 dan akan dikirimkan otomatis ke WhatsApp Anda."
      )
    },
    "returns": {
      title: t("Returns & Exchanges", "Kebijakan Pengembalian (Retur)"),
      body: t(
        "We accept returns within 7 days of delivery if the item is defective. Please record an unboxing video for claim purposes.",
        "LOPOBYA selalu melakukan Quality Control ketat sebelum barang dikirim. Namun jika terjadi kesalahan, kami menerima Retur dengan syarat berikut:\n\n1. Batas waktu klaim retur adalah maksimal 2x24 jam sejak resi dinyatakan 'Diterima' oleh pembeli.\n2. WAJIB melampirkan VIDEO UNBOXING dari awal paket masih tersegel rapat sampai ditemukan kecacatan (video tidak boleh dijeda/terpotong).\n3. Tag produk belum dilepas dan tas belum pernah dipakai keluar rumah.\n4. Ongkos kirim retur akibat cacat produksi akan KAMI TANGGUNG sepenuhnya."
      )
    },
    "how-to-shop": {
      title: t("How to Shop", "Cara Belanja"),
      body: t(
        "1. Browse our catalog.\n2. Add items to cart.\n3. Checkout and fill in your details.\n4. Make a payment (Bank Transfer / COD).\n5. Track your order on our website.",
        "1. PILIH PRODUK: Jelajahi halaman Katalog kami, pilih tas favoritmu dan klik 'Tambah ke Keranjang'.\n2. CHECKOUT: Masuk ke halaman keranjang di pojok kanan atas, lalu klik 'Checkout'.\n3. ISI DATA DIRI: Masukkan Nama, Alamat Lengkap, dan Nomor WhatsApp aktif.\n4. PEMBAYARAN: Pilih metode pembayaran yang paling nyaman untukmu (Bisa Transfer Bank, QRIS, atau COD / Bayar di Tempat).\n5. SELESAI: Pesananmu masuk ke sistem kami dan siap dikirim! Cek progresnya di menu 'Lacak Pesanan'."
      )
    }
  };

  const current = content[topic] || content["faq"];

  return (
    <div style={{ background:"#fafafb", minHeight:"100vh", paddingTop:120, paddingBottom:120 }}>
      <div style={{ maxWidth:840, margin:"0 auto", padding:"0 24px" }}>
        
        <div style={{ background:"#fff", border:"1px solid #ececf0", borderRadius:28, padding:"60px", boxShadow:"0 10px 40px rgba(20,20,30,0.03)" }}>
            <h1 style={{ fontFamily:"'Fraunces',serif", fontSize:"clamp(32px, 4vw, 44px)", fontWeight:400, color:"#1d1d1f", marginBottom:40, textAlign:"center", letterSpacing:"-0.01em" }}>
            {current.title}
            </h1>
            
            <div style={{ fontFamily:"'Inter',sans-serif", fontSize:16, lineHeight:1.85, color:"#4a4a4e", whiteSpace:"pre-wrap" }}>
            {current.body}
            </div>
            
            <div style={{ display:"flex", justifyContent:"center", marginTop:60 }}>
                <button 
                onClick={() => setPage("home")}
                onMouseEnter={e => { e.currentTarget.style.transform = "translateY(-2px)"; e.currentTarget.style.boxShadow = "0 10px 20px rgba(0,0,0,0.1)"; }}
                onMouseLeave={e => { e.currentTarget.style.transform = "none"; e.currentTarget.style.boxShadow = "none"; }}
                style={{ padding:"14px 32px", background:"#1d1d1f", color:"#fff", border:"none", borderRadius:30, fontFamily:"'Inter',sans-serif", fontSize:15, fontWeight:600, cursor:"pointer", transition:"all 0.2s" }}>
                ← {t("Back to Home", "Kembali ke Beranda")}
                </button>
            </div>
        </div>
      </div>
    </div>
  );
};
Object.assign(window, { InfoPage });
