// === رمضان 2026 کا ڈیٹا (پاکستان 15 شہر) ===
const citiesData = {
“islamabad”: { name: “اسلام آباد”, sehr: “04:45 AM”, iftar: “06:45 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“karachi”: { name: “کراچی”, sehr: “05:15 AM”, iftar: “07:05 PM”, offsetSehr: -1.6, offsetIftar: 1.7 },
“lahore”: { name: “لاہور”, sehr: “04:40 AM”, iftar: “06:40 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“rawalpindi”: { name: “راولپنڈی”, sehr: “04:47 AM”, iftar: “06:47 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“faisalabad”: { name: “فیصل آباد”, sehr: “04:42 AM”, iftar: “06:42 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“multan”: { name: “ملتان”, sehr: “04:50 AM”, iftar: “06:50 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“peshawar”: { name: “پشاور”, sehr: “04:35 AM”, iftar: “06:35 PM”, offsetSehr: -1.4, offsetIftar: 1.5 },
“quetta”: { name: “کوئٹہ”, sehr: “05:05 AM”, iftar: “07:00 PM”, offsetSehr: -1.6, offsetIftar: 1.7 },
“sargodha”: { name: “سرگودھا”, sehr: “04:44 AM”, iftar: “06:44 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“sialkot”: { name: “سیالکوٹ”, sehr: “04:38 AM”, iftar: “06:38 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“gujranwala”: { name: “گجرانوالہ”, sehr: “04:41 AM”, iftar: “06:41 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“bahawalpur”: { name: “بہاولپور”, sehr: “04:55 AM”, iftar: “06:55 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“sukkur”: { name: “سکھر”, sehr: “05:10 AM”, iftar: “07:10 PM”, offsetSehr: -1.6, offsetIftar: 1.7 },
“jhelum”: { name: “جہلم”, sehr: “04:39 AM”, iftar: “06:39 PM”, offsetSehr: -1.5, offsetIftar: 1.6 },
“hyderabad”: { name: “حیدرآباد”, sehr: “05:12 AM”, iftar: “07:12 PM”, offsetSehr: -1.6, offsetIftar: 1.7 }
};
const days = [“اتوار”, “پیر”, “منگل”, “بدھ”, “جمعرات”, “جمعہ”, “ہفتہ”];
/* ✅ درست تاریخِ آغاز: 18 فروری 2026 بروز بدھ (پہلا رمضان 1447ھ) */
const startDate = new Date(‘2026-02-18’);
function generateCityList() {
const cityList = document.getElementById(‘cityList’);
let html = ”;
for (let id in citiesData) {
let c = citiesData[id];
html += `
${c.iftar}
`;
}
cityList.innerHTML = html;
selectCity(‘islamabad’);
}
window.selectCity = function(cityId) {
document.querySelectorAll(‘.city-card’).forEach(el => el.classList.remove(‘active’));
let activeCity = document.getElementById(`city-${cityId}`);
if (activeCity) activeCity.classList.add(‘active’);
document.getElementById(‘selectedCity’).innerText = `${citiesData[cityId].name} • رمضان 1447`;
generateCalendar(cityId);
};
function generateCalendar(cityId) {
let city = citiesData[cityId];
let grid = document.getElementById(‘calendarGrid’);
let html = ”;
for (let d = 1; d <= 30; d++) {
let date = new Date(startDate);
date.setDate(startDate.getDate() + d – 1);
let dayName = days[date.getDay()];
let sehrAdj = adjustTime(city.sehr, d, city.offsetSehr);
let iftarAdj = adjustTime(city.iftar, d, city.offsetIftar);
html += `
`;
}
grid.innerHTML = html;
}
function adjustTime(t, day, offset) {
let parts = t.match(/(d+):(d+) (AM|PM)/);
if (!parts) return t;
let h = parseInt(parts[1]), m = parseInt(parts[2]), p = parts[3];
let total = (h % 12) * 60 + m + (p === ‘PM’ ? 720 : 0);
total += (day – 1) * offset;
let nh = Math.floor(total / 60) % 24;
let nm = Math.floor(total % 60);
let np = nh >= 12 ? ‘PM’ : ‘AM’;
nh = nh % 12 || 12;
return `${nh.toString().padStart(2,’0′)}:${nm.toString().padStart(2,’0′)} ${np}`;
}
function updateDateRange() {
let end = new Date(startDate);
end.setDate(startDate.getDate() + 29);
let s = startDate.toLocaleDateString(‘ur-PK’, {day:’numeric’, month:’long’});
let e = end.toLocaleDateString(‘ur-PK’, {day:’numeric’, month:’long’, year:’numeric’});
document.getElementById(‘currentDate’).innerText = `${s} – ${e}`;
}
document.addEventListener(‘DOMContentLoaded’, function() {
generateCityList();
updateDateRange();
});

%20(1).jpg)
