نُزل — نظام إدارة الفندق

\n \n\n\n",[77],"70dea680-2826-4409-b0e0-ce0808e5d524",51,["D",1787333362591],30,"/* نُزل — نظام إدارة الفندق (نسخة متصفح مستقلة، بدون مكتبات خارجية) */\n\n/* عرض أي خطأ على الشاشة بدل الصفحة البيضاء (للتشخيص) */\nwindow.addEventListener(\"error\", function (ev) {\n showFatal(\"خطأ: \" + ev.message);\n});\nfunction showFatal(msg) {\n try {\n document.getElementById(\"root\").innerHTML =\n '

' +\n \"

⚠️

\" + msg + \"

\";\n } catch (_) {}\n}\n\n/* ---------------------- بيانات ثابتة ---------------------- */\nconst ROOM_TYPES = [\n { id: \"single\", name: \"مفرد\", price: 220, capacity: 1 },\n { id: \"double_small\", name: \"ثنائي صغير\", price: 300, capacity: 2 },\n { id: \"double_large\", name: \"ثنائي كبير\", price: 380, capacity: 3 },\n { id: \"triple_large\", name: \"ثلاثي كبير\", price: 480, capacity: 4 },\n];\n\nconst ROOM_STATUS = {\n available: { label: \"متاحة\", color: \"#4A7C59\", bg: \"#EAF3EC\", ic: \"lr\" },\n occupied: { label: \"مشغولة\", color: \"#C05B3C\", bg: \"#FBEAE4\", ic: \"mp\" },\n cleaning: { label: \"تنظيف\", color: \"#8A6D3B\", bg: \"#F7EFE3\", ic: \"on\" },\n maintenance: { label: \"صيانة\", color: \"#6B6B6B\", bg: \"#EFEFEF\", ic: \"ns\" },\n};\n/* رموز بديلة آمنة إن تعطلت الإيموجي عقليًا */\nROOM_STATUS.available.ic = \"✓\";\nROOM_STATUS.occupied.ic = \"▣\";\nROOM_STATUS.cleaning.ic = \"◇\";\nROOM_STATUS.maintenance.ic = \"▲\";\n\nconst FLOOR1_LAYOUT = [\n { n: 1, type: \"double_large\" },\n { n: 2, type: \"double_small\", suite: \"A\", features: [\"view\"] },\n { n: 3, type: \"single\", suite: \"A\", features: [\"service\"] },\n { n: 4, type: \"double_small\", features: [\"view\"] },\n { n: 5, type: \"triple_large\", features: [\"bigBath\", \"view\"] },\n { n: 6, type: \"single\" },\n { n: 7, type: \"triple_large\" },\n { n: 8, type: \"double_large\", features: [\"service\"] },\n { n: 9, type: \"single\" },\n { n: 10, type: \"double_large\", suite: \"B\" },\n { n: 11, type: \"triple_large\", suite: \"B\", features: [\"kitchenLounge\"] },\n { n: 12, type: \"single\" },\n { n: 13, type: \"double_small\", suite: \"C\" },\n { n: 14, type: \"single\", suite: \"C\" },\n { n: 15, type: \"double_large\", features: [\"bigBath\", \"kitchen\"] },\n { n: 16, type: \"triple_large\", suite: \"D\", features: [\"bigBath\"] },\n { n: 17, type: \"triple_large\", suite: \"D\" },\n { n: 18, type: \"double_large\" },\n];\n\nconst REPEATED_FLOOR_LAYOUT = [\n { n: 1, type: \"double_large\" },\n { n: 2, type: \"triple_large\", suite: \"A\", features: [\"view\"] },\n { n: 3, type: \"triple_large\", suite: \"A\", features: [\"view\", \"service\"] },\n { n: 4, type: \"triple_large\", features: [\"view\"] },\n { n: 5, type: \"triple_large\", features: [\"bigBath\", \"view\"] },\n { n: 6, type: \"double_large\" },\n { n: 7, type: \"single\" },\n { n: 8, type: \"triple_large\" },\n { n: 9, type: \"double_large\", features: [\"service\"] },\n { n: 10, type: \"single\" },\n { n: 11, type: \"double_large\", suite: \"B\" },\n { n: 12, type: \"triple_large\", suite: \"B\", features: [\"kitchenLounge\"] },\n { n: 13, type: \"single\" },\n { n: 14, type: \"double_small\", suite: \"C\" },\n { n: 15, type: \"single\", suite: \"C\" },\n { n: 16, type: \"double_large\", features: [\"bigBath\", \"kitchen\"] },\n { n: 17, type: \"triple_large\", suite: \"D\", features: [\"bigBath\"] },\n { n: 18, type: \"triple_large\", suite: \"D\" },\n { n: 19, type: \"double_large\" },\n];\n\nconst FLOOR7_LAYOUT = [\n { n: 1, type: \"double_large\", features: [\"bigBath\"] },\n { n: 2, type: \"triple_large\", suite: \"A\", features: [\"bigBath\"] },\n { n: 3, type: \"triple_large\", suite: \"A\" },\n { n: 4, type: \"double_large\" },\n];\n\nconst TOTAL_FLOORS = 7;\n\nfunction seedRooms(overwrite) {\n const rooms = [];\n FLOOR1_LAYOUT.forEach((r) => rooms.push({ number: 100 + r.n, floor: 1, typeId: r.type, suite: r.suite || null, features: r.features || [], status: \"available\" }));\n for (let f = 2; f <= 6; f++) REPEATED_FLOOR_LAYOUT.forEach((r) => rooms.push({ number: f * 100 + r.n, floor: f, typeId: r.type, suite: r.suite || null, features: r.features || [], status: \"available\" }));\n FLOOR7_LAYOUT.forEach((r) => rooms.push({ number: 700 + r.n, floor: 7, typeId: r.type, suite: r.suite || null, features: r.features || [], status: \"available\" }));\n return rooms;\n}\nconst FEATURE_LABELS = {\n view: \"إطلالة أمامية\", bigBath: \"حمام كبير\", service: \"سيرفيس\",\n kitchenLounge: \"صالة ومطبخ\", kitchen: \"مطبخ\",\n};\n\n/* ---------------------- أدوات مساعدة ---------------------- */\nfunction uid(p) { return p + \"_\" + Date.now() + \"_\" + Math.random().toString(36).slice(2, 8); }\nfunction todayISO() { return new Date().toISOString().slice(0, 10); }\nfunction addDays(dstr, days) { const d = new Date(dstr); d.setDate(d.getDate() + days); return d.toISOString().slice(0, 10); }\nfunction nightsBetween(a, b) { return Math.max(1, Math.round((new Date(b) - new Date(a)) / 86400000)); }\nfunction fmtMoney(n) { return new Intl.NumberFormat(\"ar-SA\", { maximumFractionDigits: 0 }).format(Math.round(n)) + \" ﷼\"; }\nfunction fmtDate(d) { try { return new Date(d).toLocaleDateString(\"ar-SA\", { day: \"numeric\", month: \"short\", year: \"numeric\" }); } catch { return d; } }\nfunction simpleHash(str) { let h = 0; for (let i = 0; i < str.length; i++) { h = (h << 5) - h + str.charCodeAt(i); h |= 0; } return \"h\" + Math.abs(h).toString(36) + str.length; }\nfunction esc(s) { return String(s == null ? \"\" : s).replace(/[&<>\"']/g, (m) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[m])); }\n\n/* ---------------------- التخزين (localStorage) ---------------------- */\nconst K = {\n rooms: \"hotel:rooms\", book: \"hotel:bookings\", inv: \"hotel:invoices\",\n init: \"hotel:initialized\", users: \"hotel:users\", sess: \"hotel:session\",\n};\nconst DEFAULT_USERS = [\n { id: \"u_admin\", username: \"admin\", password: \"admin123\", role: \"manager\", displayName: \"المدير\" },\n { id: \"u_staff\", username: \"staff\", password: \"staff123\", role: \"staff\", displayName: \"موظف الاستقبال\" },\n];\nfunction lsGet(key) { try { const v = localStorage.getItem(key); return v ? JSON.parse(v) : null; } catch { return null; } }\nfunction lsSet(key, val) { try { localStorage.setItem(key, JSON.stringify(val)); } catch (e) { console.error(\"storage\", key, e); } }\n\nfunction loadUsers() {\n let users = lsGet(K.users);\n if (!users) { users = DEFAULT_USERS.map((u) => ({ id: u.id, username: u.username, passwordHash: simpleHash(u.password), role: u.role, displayName: u.displayName })); lsSet(K.users, users); }\n return users;\n}\nfunction loadAll() {\n if (!lsGet(K.init)) { const rooms = seedRooms(); lsSet(K.rooms, rooms); lsSet(K.book, []); lsSet(K.inv, []); lsSet(K.init, true); }\n let saved = lsGet(K.rooms);\n // ترحيل: إن كانت الغرف القديمة بلا مرافق، أعد البناء كاملًا\n if (!saved || !Array.isArray(saved) || (saved[0] && !saved[0].features)) { saved = seedRooms(); lsSet(K.rooms, saved); }\n return {\n rooms: saved || seedRooms(),\n bookings: lsGet(K.book) || [],\n invoices: lsGet(K.inv) || [],\n };\n}\n\n/* ---------------------- حالة التطبيق ---------------------- */\nlet S = {\n currentUser: null, users: [], rooms: [], bookings: [], invoices: [],\n authLoaded: false, loaded: false, tab: \"dashboard\", toast: null,\n bookingModal: false, prefillRoom: null, invoiceFor: null, roomManage: null, userModal: null, extraFor: null,\n floorFilter: \"all\", statusFilter: \"all\", typeFilter: \"all\", search: \"\",\n loginUser: \"\", loginPass: \"\", loginErr: \"\", loginBusy: false,\n};\nlet toastTimer = null;\n\nfunction persist() {\n lsSet(K.rooms, S.rooms); lsSet(K.book, S.bookings); lsSet(K.inv, S.invoices);\n}\n\n/* ---------------------- العمليات ---------------------- */\nfunction saveRooms(rooms) { S.rooms = rooms; lsSet(K.rooms, rooms); }\nfunction saveBookings(b) { S.bookings = b; lsSet(K.book, b); }\nfunction saveInvoices(i) { S.invoices = i; lsSet(K.inv, i); }\n\nfunction showToast(msg, kind) {\n clearTimeout(toastTimer);\n S.toast = { msg, kind: kind || \"success\" };\n render();\n toastTimer = setTimeout(() => { S.toast = null; render(); }, 2600);\n}\n\nfunction loginSubmit(e) { e.preventDefault(); guard(); if (S.loginBusy) return; S.loginBusy = true; S.loginErr = \"\"; render(); setTimeout(() => doLogin(), 250); }\nfunction doLogin() {\n const u = S.users.find((x) => x.username.toLowerCase() === S.loginUser.trim().toLowerCase() && x.passwordHash === simpleHash(S.loginPass));\n if (!u) { S.loginErr = \"اسم المستخدم أو كلمة المرور غير صحيحة\"; S.loginPass = \"\"; S.loginBusy = false; render(); return; }\n S.currentUser = u; S.loginBusy = false; S.loginErr = \"\"; S.loginUser = \"\"; S.loginPass = \"\";\n lsSet(K.sess, { id: u.id });\n render();\n}\nfunction logout() { S.currentUser = null; S.tab = \"dashboard\"; S.bookingModal = false; S.invoiceFor = null; S.roomManage = null; try { localStorage.removeItem(K.sess); } catch {} render(); }\n\nfunction openBooking(room) { S.prefillRoom = room || null; S.bookingModal = true; render(); }\nfunction submitBooking() {\n const guest = g(\"bk_name\"), phone = g(\"bk_phone\"), roomN = Number(g(\"bk_room\")) || 0,\n ci = g(\"bk_in\") || todayISO(), co = g(\"bk_out\") || addDays(todayISO(), 1);\n if (!guest || !phone || roomN <= 0) return showToast(\"أكمل جميع الحقول\", \"warn\");\n const room = S.rooms.find((r) => r.number === roomN);\n const booking = { id: uid(\"bk\"), roomNumber: roomN, roomTypeId: room ? room.typeId : null, guestName: guest, phone, checkIn: ci, checkOut: co, extras: [], paid: false, createdAt: new Date().toISOString(), checkedIn: false, checkedOut: false };\n saveBookings([booking, ...S.bookings]);\n saveRooms(S.rooms.map((r) => (r.number === roomN ? { ...r, status: \"occupied\" } : r)));\n S.bookingModal = false; S.prefillRoom = null; render();\n showToast(\"تم إنشاء الحجز للغرفة \" + roomN);\n}\nfunction cancelBooking(id) {\n const b = S.bookings.find((x) => x.id === id);\n saveBookings(S.bookings.filter((x) => x.id !== id));\n if (b && !b.checkedOut) saveRooms(S.rooms.map((r) => (r.number === b.roomNumber ? { ...r, status: \"available\" } : r)));\n render(); showToast(\"تم إلغاء الحجز\", \"warn\");\n}\nfunction checkInBooking(id) {\n const b = S.bookings.find((x) => x.id === id);\n saveBookings(S.bookings.map((x) => (x.id === id ? { ...x, checkedIn: true } : x)));\n saveRooms(S.rooms.map((r) => (r.number === b.roomNumber ? { ...r, status: \"occupied\" } : r)));\n render(); showToast(\"تم تسجيل دخول \" + b.guestName);\n}\nfunction checkOutBooking(id) {\n const b = S.bookings.find((x) => x.id === id);\n const roomType = ROOM_TYPES.find((t) => t.id === b.roomTypeId);\n const nights = nightsBetween(b.checkIn, b.checkOut);\n const total = nights * (roomType ? roomType.price : 0);\n const invoice = { id: uid(\"inv\"), bookingId: b.id, guestName: b.guestName, phone: b.phone, roomNumber: b.roomNumber, roomTypeId: b.roomTypeId, checkIn: b.checkIn, checkOut: b.checkOut, nights, roomRate: roomType ? roomType.price : 0, total, paid: b.paid || false, createdAt: new Date().toISOString() };\n saveInvoices([invoice, ...S.invoices]);\n saveBookings(S.bookings.map((x) => (x.id === id ? { ...x, checkedOut: true } : x)));\n saveRooms(S.rooms.map((r) => (r.number === b.roomNumber ? { ...r, status: \"cleaning\" } : r)));\n S.invoiceFor = invoice; render();\n showToast(\"تم تسجيل الخروج للغرفة \" + b.roomNumber);\n}\nfunction setRoomStatus(roomN, status) {\n saveRooms(S.rooms.map((r) => (r.number === roomN ? { ...r, status } : r)));\n S.roomManage = null; render(); showToast(\"تم تحديث حالة الغرفة\");\n}\nfunction markPaid(id) {\n saveInvoices(S.invoices.map((i) => (i.id === id ? { ...i, paid: true } : i)));\n if (S.invoiceFor && S.invoiceFor.id === id) S.invoiceFor = { ...S.invoiceFor, paid: true };\n render(); showToast(\"تم تسجيل الدفع\");\n}\n\nfunction setTab(t) { S.tab = t; render(); }\nfunction byId(x) { return document.getElementById(x); }\nfunction g(x) { const el = byId(x); return el ? el.value : \"\"; }\nfunction setSearch(v) { S.search = v; render(); }\nfunction setFloor(v) { S.floorFilter = v; render(); }\nfunction setStatus(v) { S.statusFilter = v; render(); }\nfunction setType(v) { S.typeFilter = v; render(); }\n\nfunction stats() {\n const total = S.rooms.length;\n const occupied = S.rooms.filter((r) => r.status === \"occupied\").length;\n const available = S.rooms.filter((r) => r.status === \"available\").length;\n const cleaning = S.rooms.filter((r) => r.status === \"cleaning\").length;\n const occRate = total ? Math.round((occupied / total) * 100) : 0;\n const todayRevenue = S.invoices.filter((i) => i.createdAt.slice(0, 10) === todayISO()).reduce((s, i) => s + i.total, 0);\n const monthRevenue = S.invoices.filter((i) => i.createdAt.slice(0, 7) === todayISO().slice(0, 7)).reduce((s, i) => s + i.total, 0);\n const unpaid = S.invoices.filter((i) => !i.paid);\n const active = S.bookings.filter((b) => !b.checkedOut);\n return { total, occupied, available, cleaning, occRate, todayRevenue, monthRevenue, unpaidTotal: unpaid.reduce((s, i) => s + i.total, 0), unpaidCount: unpaid.length, active: active.length };\n}\n\nfunction isManager() { return S.currentUser && S.currentUser.role === \"manager\"; }\nfunction guard() { if (S.roomManage && !S.rooms.find((r) => r.number === S.roomManage)) S.roomManage = null; }\n\n/* ---------------------- العرض ---------------------- */\nfunction render() {\n const root = byId(\"root\");\n guard();\n if (!S.authLoaded) { root.innerHTML = '

🏨

'; return; }\n if (!S.currentUser) { root.innerHTML = loginHTML(); wireLogin(); return; }\n root.innerHTML = mainHTML();\n // Toast (أعدّ عرضه بعد innerHTML)\n if (S.toast) {\n const t = byId(\"toast\");\n if (t) { t.innerHTML = (S.toast.kind === \"warn\" ? \"⚠️ \" : \"✅ \") + esc(S.toast.msg); }\n }\n // التركيز في حقول المودال\n if (S.bookingModal) { const el = byId(\"bk_name\"); if (el) el.focus(); }\n}\n\nfunction loginHTML() {\n return '

' +\n '

';\n}\nfunction wireLogin() {\n const u = byId(\"lg_user\"), p = byId(\"lg_pass\");\n if (u) u.addEventListener(\"input\", () => { S.loginUser = u.value; });\n if (p) p.addEventListener(\"input\", () => { S.loginPass = p.value; });\n if (u) u.focus();\n}\n\nfunction mainHTML() {\n const st = stats();\n const roomsView = filteredRooms();\n const nav = navHTML();\n\n let content = \"\";\n if (S.tab === \"dashboard\") content = dashboardHTML(st);\n else if (S.tab === \"rooms\") content = roomsHTML(roomsView);\n else if (S.tab === \"bookings\") content = bookingsHTML();\n else if (S.tab === \"invoices\" && isManager()) content = invoicesHTML();\n else if (S.tab === \"reports\" && isManager()) content = reportsHTML();\n else if (S.tab === \"users\" && isManager()) content = usersHTML();\n else content = dashboardHTML(st);\n\n let modals = \"\";\n if (S.bookingModal) modals += bookingModalHTML();\n if (S.invoiceFor) modals += invoiceModalHTML();\n if (S.roomManage) modals += roomManageModalHTML();\n if (S.userModal) modals += userModalHTML();\n\n return '

' +\n '' +\n '

' + content + '

' +\n '

' +\n bottomnavHTML() +\n /* modal set (renders in order) */\n '' +\n '

' +\n '

';\n}\n\nfunction navHTML() {\n const item = (ico, label, tab, show) => {\n if (show === false) return \"\";\n return '';\n };\n return item(\"📊\", \"لوحة التحكم\", \"dashboard\") +\n item(\"🛏️\", \"الغرف\", \"rooms\") +\n item(\"📅\", \"الحجوزات\", \"bookings\") +\n item(\"📈\", \"التقارير\", \"reports\", isManager()) +\n item(\"🧾\", \"الفواتير\", \"invoices\", isManager()) +\n item(\"👥\", \"المستخدمون\", \"users\", isManager()) +\n '';\n}\nfunction bottomnavHTML() {\n const items = [\n { ic: \"🏠\", l: \"الرئيسية\", t: \"dashboard\" },\n { ic: \"🛏️\", l: \"الغرف\", t: \"rooms\" },\n { ic: \"📅\", l: \"الحجوزات\", t: \"bookings\" },\n { ic: \"📈\", l: \"التقارير\", t: \"reports\", m: true },\n { ic: \"🧾\", l: \"الفواتير\", t: \"invoices\", m: true },\n ];\n const btns = items.filter((x) => !x.m || isManager()).map((x) =>\n '\").join(\"\");\n return '

' + btns + \"

\";\n}\n\n/* ---------- لوحة التحكم ---------- */\nfunction statCard(ic, label, value, sub, accent) {\n return '

' + label + '' + ic + '

' +\n '

' + value + (sub ? '' + sub + '' : \"\") + '

';\n}\nfunction dashboardHTML(st) {\n let cards;\n if (isManager()) {\n cards = statCard(\"📈\", \"نسبة الإشغال\", st.occRate + \"%\", st.occupied + \" من \" + st.total, \"#B8935F\") +\n statCard(\"💰\", \"إيراد اليوم\", fmtMoney(st.todayRevenue), \"\", \"#4A7C59\") +\n statCard(\"📊\", \"إيراد الشهر\", fmtMoney(st.monthRevenue), \"\", \"#1B2A3C\") +\n statCard(\"⚠️\", \"فواتير غير مدفوعة\", st.unpaidCount, fmtMoney(st.unpaidTotal), \"#C05B3C\");\n } else {\n cards = statCard(\"📈\", \"نسبة الإشغال\", st.occRate + \"%\", st.occupied + \" من \" + st.total, \"#B8935F\") +\n statCard(\"🛏️\", \"غرف مشغولة\", st.occupied, \"\", \"#4A7C59\") +\n statCard(\"🧹\", \"تنظيف\", S.rooms.filter((r) => r.status === \"cleaning\").length, \"\", \"#B8935F\") +\n statCard(\"📅\", \"حجوزات نشطة\", st.active, \"\", \"#1B2A3C\");\n }\n const map = S.rooms.map((r) => '

').join(\"\");\n return '

' +\n '

' + cards + '

' +\n '

خريطة الغرف التفقدية

' + map + '

' +\n '

';\n}\nfunction pickRoom(n) { S.prefillRoom = S.rooms.find((r) => r.number === Number(n)) || null; S.tab = \"rooms\"; render(); }\n\n/* ---------- الغرف ---------- */\nfunction filteredRooms() {\n return S.rooms.filter((r) => {\n if (S.floorFilter !== \"all\" && r.floor !== Number(S.floorFilter)) return false;\n if (S.statusFilter !== \"all\" && r.status !== S.statusFilter) return false;\n if (S.typeFilter !== \"all\" && !matchType(r, S.typeFilter)) return false;\n if (S.search && !String(r.number).includes(S.search.trim())) return false;\n return true;\n });\n}\n/* مطابقة الغرفة مع فئة النوع المختارة (مفرد/ثنائي/ثلاثي/شقة) */\nfunction matchType(r, f) {\n if (f === \"suite\") return !!r.suite;\n if (f === \"single\") return r.typeId === \"single\";\n if (f === \"double\") return r.typeId === \"double_small\" || r.typeId === \"double_large\";\n if (f === \"triple\") return r.typeId === \"triple_large\";\n return true;\n}\nfunction roomsHTML(list) {\n const floors = Array.from({ length: TOTAL_FLOORS }, (_, i) => '\").join(\"\");\n const statusOpts = Object.entries(ROOM_STATUS).map(([k, s]) => '\").join(\"\");\n const cards = list.map((r) => {\n const s = ROOM_STATUS[r.status];\n const t = ROOM_TYPES.find((x) => x.id === r.typeId);\n const suiteTag = r.suite ? \" · شقة \" + r.suite : \"\";\n const FCOL = { view: \"#2E6FAB\", bigBath: \"#2A9D8F\", service: \"#8E5BB5\", kitchenLounge: \"#C96F1F\", kitchen: \"#9C6644\" };\n const feats = (r.features || []).map((f) => '• ' + esc(FEATURE_LABELS[f] || f) + \"\").join(\" \");\n return '

' +\n '

' + r.number + '' + s.ic + \" \" + s.label + \"

\" +\n '

' + (t ? '' + esc(t.name) + \"\" : \"\") + (suiteTag ? '' + esc(suiteTag) + \"\" : \"\") + ' · ' + fmtMoney(t ? t.price : 0) + '/ليلة

' +\n (feats ? '

' + feats + \"

\" : \"\") +\n (r.status === \"available\" ? '' : \"\") +\n \"

\";\n }).join(\"\");\n return '

' +\n '

' +\n '' +\n '\" +\n '\" +\n '' +\n \"

\" +\n '

' + (cards || '

لا توجد غرف مطابقة

') + \"

\" +\n \"

\";\n}\n\n/* ---------- الحجوزات ---------- */\nfunction bookingsHTML() {\n const active = S.bookings.filter((b) => !b.checkedOut);\n const rows = active.map((b) =>\n '

' +\n '

' + esc(b.guestName) + \" — غرفة \" + b.roomNumber + '

' + fmtDate(b.checkIn) + \" إلى \" + fmtDate(b.checkOut) + \"

\" +\n '

' +\n (b.checkedIn ? \"\" : '') +\n '' +\n '' +\n \"

\" +\n \"

\").join(\"\");\n return '

' +\n '

' + active.length + '

' +\n '

' + (rows || '

لا توجد حجوزات نشطة

') + \"

\" +\n \"

\";\n}\n\n/* ---------- الفواتير ---------- */\nfunction invoicesHTML() {\n const rows = S.invoices.map((inv) =>\n '

' +\n '

' + esc(inv.guestName) + \" — غرفة \" + inv.roomNumber + '

' + fmtDate(inv.createdAt) + \"

\" +\n '

' +\n '' + fmtMoney(inv.total) + \"\" +\n (inv.paid ? 'مدفوعة' : '') +\n \"

\" +\n \"

\").join(\"\");\n return '

' + (rows || '

لا توجد فواتير بعد

') + \"

\";\n}\nfunction viewInvoice(id) { S.invoiceFor = S.invoices.find((i) => i.id === id) || null; render(); }\nfunction manageRoom(n) { S.roomManage = S.rooms.find((r) => r.number === Number(n)) || null; render(); }\n\n/* ---------- المستخدمون ---------- */\nfunction usersHTML() {\n const rows = S.users.map((u) => '

' + esc(u.displayName) + \"

@\" + esc(u.username) + \" — \" + (u.role === \"manager\" ? \"مدير\" : \"موظف\") + \"

\").join(\"\");\n return '

حسابات الدخول

' + rows + '

المدير: admin / admin123 — الموظف: staff / staff123

';\n}\n\n/* ---------- المودالات ---------- */\nfunction bookingModalHTML() {\n const avail = S.rooms.filter((r) => r.status === \"available\" || (S.prefillRoom && r.number === S.prefillRoom.number));\n const opts = avail.map((r) => '\").join(\"\");\n return '

\";\n}\nfunction invoiceModalHTML() {\n const inv = S.invoiceFor;\n return '

\";\n}\nfunction roomManageModalHTML() {\n const room = S.roomManage;\n const btns = Object.entries(ROOM_STATUS).map(([k, s]) => '\").join(\"\");\n return '

\";\n}\nfunction closeModal() { S.bookingModal = false; S.invoiceFor = null; S.roomManage = null; S.prefillRoom = null; render(); }\n/* تعيين تاريخ الوصول تلقائيًا بعد عدد أيام، والمغادرة بعده بيوم */\nfunction presetDates(days) {\n const start = days === 0 ? todayISO() : addDays(todayISO(), days);\n const end = addDays(start, 1);\n const i = byId(\"bk_in\"), o = byId(\"bk_out\");\n if (i) i.value = start; if (o) o.value = end;\n}\n/* عند تغيير الوصول أو عدد الليالي: حدّث المغادرة تلقائيًا */\nfunction syncNights() {\n const i = byId(\"bk_in\"), o = byId(\"bk_out\"), n = byId(\"bk_nights\");\n if (!i || !o || !i.value) return;\n const nights = Math.max(1, parseInt(n ? n.value : \"1\", 10) || 1);\n o.value = addDays(i.value, nights);\n}\n/* تحريك الوصول والمغادرة يوم بيوم (بدون قيود) */\nfunction nudgeIn(d) { const i = byId(\"bk_in\"); if (!i) return; i.value = addDays(i.value || todayISO(), d); syncNights(); }\nfunction nudgeOut(d) { const o = byId(\"bk_out\"); if (o && o.value) o.value = addDays(o.value, d); }\n\n/* ---------------------- التهيئة ---------------------- */\nfunction init() {\n S.users = loadUsers();\n try {\n const sess = lsGet(K.sess);\n if (sess) { const still = S.users.find((u) => u.id === sess.id); if (still) S.currentUser = still; }\n } catch {}\n S.authLoaded = true;\n const data = loadAll();\n S.rooms = data.rooms; S.bookings = data.bookings; S.invoices = data.invoices;\n S.loaded = true;\n render();\n}\ninit();\ninit();\n\n/* ---------- التقارير (للمدير فقط) ---------- */\nfunction reportsHTML() {\n const total = S.invoices.reduce((s, i) => s + i.total, 0);\n const unpaid = S.invoices.filter((i) => !i.paid);\n const byType = ROOM_TYPES.map((t) => {\n const invs = S.invoices.filter((i) => i.roomTypeId === t.id);\n return { name: t.name, price: t.price, nights: invs.reduce((s, i) => s + i.nights, 0), revenue: invs.reduce((s, i) => s + i.total, 0), count: invs.length };\n });\n const typeRows = byType.map((x) =>\n '

' + esc(x.name) + '

' + x.count + \" فاتورة · \" + x.nights + \" ليلة

\" + fmtMoney(x.revenue) + \"

\").join(\"\");\n const unpaidRows = (unpaid.length ? unpaid.map((i) =>\n '

' + esc(i.guestName) + \" — غرفة \" + i.roomNumber + '

' + fmtDate(i.createdAt) + \"

\" + fmtMoney(i.total) + \"

\").join(\"\") :\n '

لا توجد فواتير غير مدفوعة 🎉

');\n return '

' +\n '

' +\n statCard(\"💰\", \"إجمالي الإيرادات\", fmtMoney(total), S.invoices.length + \" فاتورة\", \"#4A7C59\") +\n statCard(\"🛏️\", \"ليالي الحجز\", S.invoices.reduce((s, i) => s + i.nights, 0), \"\", \"#1B2A3C\") +\n statCard(\"⚠️\", \"متأخرات\", fmtMoney(unpaid.reduce((s, i) => s + i.total, 0)), unpaid.length + \" فاتورة\", \"#C05B3C\") +\n statCard(\"🧾\", \"غرف مشغولة\", S.rooms.filter((r) => r.status === \"occupied\").length, \"من \" + S.rooms.length, \"#B8935F\") +\n \"

\" +\n pricesManagerHTML() +\n '

إيرادات حسب نوع الغرفة

' + (typeRows || '

لا بيانات

') + \"

\" +\n '

فواتير غير مدفوعة

' + unpaidRows + \"

\" +\n \"

\";\n}\n\n/* ---------- إدارة المستخدمين (للمدير) ---------- */\nfunction openUserModal(userId) { S.userModal = userId || \"new\"; render(); }\nfunction submitUser() {\n const name = g(\"um_name\").trim(), user = g(\"um_user\").trim(), pw = g(\"um_pw\");\n const role = g(\"um_role\");\n if (!name || !user || !pw) return showToast(\"أكمل جميع الحقول\", \"warn\");\n if (S.users.some((u) => u.username.toLowerCase() === user.toLowerCase() && u.id !== S.userModal)) return showToast(\"اسم المستخدم موجود مسبقًا\", \"warn\");\n let next;\n if (S.userModal === \"new\") {\n const nu = { id: uid(\"u\"), username: user, passwordHash: simpleHash(pw), role, displayName: name };\n next = [...S.users, nu];\n showToast(\"تم إضافة المستخدم\");\n } else {\n next = S.users.map((u) => (u.id === S.userModal ? { ...u, displayName: name, username: user, passwordHash: simpleHash(pw), role } : u));\n showToast(\"تم تحديث المستخدم\");\n }\n S.users = next; lsSet(K.users, next); S.userModal = null; if (S.tab === \"users\") render(); else render();\n}\nfunction deleteUser(id) {\n if (id === S.currentUser.id) return showToast(\"لا يمكن حذف حسابك الحالي\", \"warn\");\n if (!confirm(\"حذف هذا المستخدم؟\")) return;\n S.users = S.users.filter((u) => u.id !== id); lsSet(K.users, S.users); S.userModal = null; render(); showToast(\"تم الحذف\");\n}\nfunction userModalHTML() {\n const editing = S.userModal !== \"new\";\n const u = S.users.find((x) => x.id === S.userModal) || {};\n return '

\";\n}\n\n/* ---------- الفاتورة: إضافة مصاريف (للمدير) ---------- */\nfunction openExtra(id) { S.invoiceFor = S.invoices.find((i) => i.id === id) || null; S.extraFor = id; render(); }\nfunction addExtra() {\n const desc = g(\"ex_desc\").trim(), amt = Number(g(\"ex_amt\")) || 0;\n if (!desc || amt <= 0) return showToast(\"أدخل الوصف والمبلغ\", \"warn\");\n S.invoices = S.invoices.map((i) => (i.id === S.extraFor ? { ...i, extras: [...(i.extras || []), { desc, amt }], extrasTotal: (i.extrasTotal || 0) + amt, total: i.total + amt } : i));\n S.invoiceFor = S.invoices.find((i) => i.id === S.extraFor) || null; S.extraFor = null; lsSet(K.inv, S.invoices); render(); showToast(\"تمت إضافة المصروف\");\n}\nfunction editTypePrice(id) {\n const price = prompt(\"السعر الجديد لليلة بالريال:\", String(ROOM_TYPES.find((t) => t.id === id).price));\n const n = Math.round(Number(price));\n if (!n || n <= 0) return showToast(\"قيمة غير صحيحة\", \"warn\");\n ROOM_TYPES.find((t) => t.id === id).price = n;\n render(); showToast(\"تم تحديث السعر\");\n}\n/* ---------- الأسعار المتوقعة (للمدير) ---------- */\nfunction expectedPrices() { return lsGet(\"hotel:expected\") || {}; }\nfunction setExpectedPrice(id) {\n const price = prompt(\"السعر المتوقع الكامل لليلة (بالريال):\", String(ROOM_TYPES.find((t) => t.id === id).price));\n const n = Math.round(Number(price));\n if (!n || n <= 0) return showToast(\"قيمة غير صحيحة\", \"warn\");\n const m = expectedPrices(); m[id] = n; lsSet(\"hotel:expected\", m); render(); showToast(\"تم حفظ السعر المتوقع\");\n}\nfunction pricesManagerHTML() {\n const exp = expectedPrices();\n const rows = ROOM_TYPES.map((t) =>\n '

' + esc(t.name) + '

الحالي ' + fmtMoney(t.price) + \" · متوقع \" + fmtMoney(exp[t.id] || t.price) + \"

\" +\n '

').join(\"\");\n return '

إدارة الأسعار (الحالي والمتوقع)

' + rows + \"

\";\n}\n",[126],"pulls","branches","forks","envVars",{"_331":245,"_333":245},"connections",{"_331":245,"_332":245},"count","unfilledCount","emptyCount",{"_46":318,"_13":126,"_75":125,"_55":-5,"_48":49,"_306":319,"_307":141,"_50":344,"_52":321,"_78":92,"_309":322,"_79":24,"_311":-5,"_338":345,"_280":346},{"_46":314,"_13":77,"_75":76,"_55":-5,"_48":49,"_306":265,"_307":141,"_50":341,"_52":197,"_78":66,"_309":316,"_79":24,"_311":-5,"_338":342,"_280":343},{"_46":305,"_13":101,"_75":100,"_55":-5,"_48":49,"_306":105,"_307":141,"_50":337,"_52":20,"_78":102,"_309":310,"_79":24,"_311":312,"_338":339,"_280":340},["D",1787192802467],"children",[],[101],["D",1787333366292],[],[77],["D",1787333362591],[],[126],["D",1787192069376],{"_11":12,"_279":82},{"_11":12,"_274":275,"_81":82,"_25":80,"_276":277,"_278":24},{"_52":265,"_13":16,"_46":49,"_266":230,"_267":-5,"_268":-5,"_269":-5,"_270":-5,"_271":-5,"_272":14,"_273":12},"ctx",{"_64":-5,"_299":384,"_385":386,"_387":388,"_389":24,"_390":24,"_391":24,"_392":141,"_393":-5,"_394":-7,"_395":-7,"_396":245,"_397":24,"_398":24,"_399":-5,"_400":24,"_401":24,"_402":24,"_403":-5},"ENV",{"_355":356,"_357":358,"_359":16,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

خريطة الغرف التفقدية

حسابات الدخول

حجز جديد

فاتورة #' + inv.id.slice(-6) + '

إدارة غرفة ' + room.number + '

إيرادات حسب نوع الغرفة

فواتير غير مدفوعة

' + (editing ? \"تعديل المستخدم\" : \"إضافة مستخدم\") + '

إدارة الأسعار (الحالي والمتوقع)

History