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

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_102":101,"_38":50,"_111":92,"_33":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_26":-5,"_123":-5,"_124":-5,"_125":31,"_126":127,"_128":64,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":31},"version",5,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","c74e924e-ccff-49fe-add8-ae3ff12eca63","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","fe0fddd4-9c3c-11f1-855d-1607ee4eb77e","name","fileType","content","\n\n\n \n \n نُزل — نظام إدارة الفندق\n \n \n \n\n\n

\n \n\n\n","\n\n\n \n \n نُزل — نظام إدارة الفندق\n \n\n\n

\n \n\n\n","createdAt",["D",1787192817896],"branchVersion","branchId","6fa89ba5-ec55-48b1-9f01-9b18b3a78eac","id","76d30a1e-e58e-4e27-8913-8a0eb22a12a6","hotel-manager",["D",1787192069376],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Arabic hotel management system (نُزل)","imageUrl","c0d9f6dd-711b-4fa3-88b6-233b2a506931","pinnedFileId","002bb1b0-9c3d-11f1-a9a7-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a01cef-549f-731d-8d9d-a6ac2b061852","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":31},"branch",{"_13":91,"_38":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"isOwned",52,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","syfb0566","handle","displayName","Á","avatar","https://lh3.googleusercontent.com/a/ACg8ocL6XKQUZHyNKK7m-tlwDt4fBtSauM6Sf2jwHWAQMe80wGpgVKQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":182,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":183,"_86":184,"_88":185,"_90":31},"tree",[169,170,171],"files",[169,170,171],"counts",{"_159":68,"_160":142,"_161":68,"_162":163,"_164":165},"contents",[133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":151,"_38":152,"_36":153,"_138":-5,"_46":47,"_45":154,"_140":31,"_43":155,"_13":68,"_39":156,"_40":157,"_30":31,"_145":-5,"_33":158},{"_48":148,"_38":34,"_36":37,"_138":-5,"_46":47,"_45":14,"_140":31,"_43":149,"_13":142,"_39":26,"_40":42,"_30":31,"_145":-5,"_33":150},{"_48":136,"_38":137,"_36":62,"_138":-5,"_46":47,"_45":139,"_140":64,"_43":141,"_13":142,"_39":143,"_40":144,"_30":31,"_145":146,"_33":147},"9878ae62-b76a-42e0-8add-86553895b397","main.ts","parentId",4,"latest",["D",1787192802467],1,"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n // خدمة كود التطبيق (vanilla JS — بدون أي شبكات خارجية)\n if (url.pathname === \"/app.js\") {\n const code = await readFile(\"./app.js\");\n return new Response(code, {\n headers: { \"content-type\": \"application/javascript; charset=utf-8\" },\n });\n }\n\n // الصفحة الرئيسية\n const html = await readFile(\"./index.html\");\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n","label","nuzul-hotel",[137],"91dafca5-d803-4bae-900d-2ee6b36f5b18",["D",1787192817896],[34],"a31dd9ed-dc4e-46f8-9c4f-c6523a007961","app.jsx","fe207a7c-9c3c-11f1-855d-1607ee4eb77e",2,["D",1787192120057],"script","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport {\n Hotel, BedDouble, CalendarPlus, Receipt, LayoutDashboard, Plus, X, Search,\n CheckCircle2, Clock, Sparkles, Wrench, LogIn, LogOut, Trash2, Edit3,\n TrendingUp, Users, DollarSign, Percent, AlertCircle, Phone, User, Calendar,\n Printer, ArrowRight, Menu\n} from \"lucide-react\";\n\n/* ---------------------------------------------------------\n بيانات ثابتة\n--------------------------------------------------------- */\nconst ROOM_TYPES = [\n { id: \"single\", name: \"مفرد\", price: 220, color: \"#8AA9C7\", capacity: 1 },\n { id: \"double_small\", name: \"ثنائي صغير\", price: 300, color: \"#7FA3B0\", capacity: 2 },\n { id: \"double_large\", name: \"ثنائي كبير\", price: 380, color: \"#B8935F\", capacity: 3 },\n { id: \"triple_large\", name: \"ثلاثي كبير\", price: 480, color: \"#9B6B9E\", capacity: 4 },\n];\n\nconst ROOM_STATUS = {\n available: { label: \"متاحة\", color: \"#4A7C59\", bg: \"#EAF3EC\", icon: CheckCircle2 },\n occupied: { label: \"مشغولة\", color: \"#C05B3C\", bg: \"#FBEAE4\", icon: BedDouble },\n cleaning: { label: \"تنظيف\", color: \"#B8935F\", bg: \"#F7EFE3\", icon: Sparkles },\n maintenance: { label: \"صيانة\", color: \"#6B6B6B\", bg: \"#EFEFEF\", icon: Wrench },\n};\n\nconst FLOOR1_LAYOUT = [\n { n: 1, type: \"double_large\", features: [] },\n { n: 2, type: \"double_small\", features: [\"view\"], suite: \"A\" },\n { n: 3, type: \"single\", features: [\"service\"], suite: \"A\" },\n { n: 4, type: \"double_small\", features: [\"view\"] },\n { n: 5, type: \"triple_large\", features: [\"bigBath\", \"view\"] },\n { n: 6, type: \"single\", features: [] },\n { n: 7, type: \"triple_large\", features: [] },\n { n: 8, type: \"double_large\", features: [\"service\"] },\n { n: 9, type: \"single\", features: [] },\n { n: 10, type: \"double_large\", features: [], suite: \"B\" },\n { n: 11, type: \"triple_large\", features: [\"kitchenLounge\"], suite: \"B\" },\n { n: 12, type: \"single\", features: [] },\n { n: 13, type: \"double_small\", features: [], suite: \"C\" },\n { n: 14, type: \"single\", features: [], suite: \"C\" },\n { n: 15, type: \"double_large\", features: [\"bigBath\", \"kitchen\"] },\n { n: 16, type: \"triple_large\", features: [\"bigBath\"], suite: \"D\" },\n { n: 17, type: \"triple_large\", features: [], suite: \"D\" },\n { n: 18, type: \"double_large\", features: [] },\n];\n\nconst REPEATED_FLOOR_LAYOUT = [\n { n: 1, type: \"double_large\", features: [] },\n { n: 2, type: \"triple_large\", features: [\"view\"], suite: \"A\" },\n { n: 3, type: \"triple_large\", features: [\"view\", \"service\"], suite: \"A\" },\n { n: 4, type: \"triple_large\", features: [\"view\"] },\n { n: 5, type: \"triple_large\", features: [\"bigBath\", \"view\"] },\n { n: 6, type: \"double_large\", features: [] },\n { n: 7, type: \"single\", features: [] },\n { n: 8, type: \"triple_large\", features: [] },\n { n: 9, type: \"double_large\", features: [\"service\"] },\n { n: 10, type: \"single\", features: [] },\n { n: 11, type: \"double_large\", features: [], suite: \"B\" },\n { n: 12, type: \"triple_large\", features: [\"kitchenLounge\"], suite: \"B\" },\n { n: 13, type: \"single\", features: [] },\n { n: 14, type: \"double_small\", features: [], suite: \"C\" },\n { n: 15, type: \"single\", features: [], suite: \"C\" },\n { n: 16, type: \"double_large\", features: [\"bigBath\", \"kitchen\"] },\n { n: 17, type: \"triple_large\", features: [\"bigBath\"], suite: \"D\" },\n { n: 18, type: \"triple_large\", features: [], suite: \"D\" },\n { n: 19, type: \"double_large\", features: [] },\n];\n\nconst FLOOR7_LAYOUT = [\n { n: 1, type: \"double_large\", features: [\"bigBath\"] },\n { n: 2, type: \"triple_large\", features: [\"bigBath\"], suite: \"A\" },\n { n: 3, type: \"triple_large\", features: [], suite: \"A\" },\n { n: 4, type: \"double_large\", features: [] },\n];\n\nfunction seedRooms() {\n const rooms = [];\n FLOOR1_LAYOUT.forEach((r) => {\n rooms.push({ number: 100 + r.n, floor: 1, typeId: r.type, features: r.features, suite: r.suite || null, status: \"available\" });\n });\n for (let floor = 2; floor <= 6; floor++) {\n REPEATED_FLOOR_LAYOUT.forEach((r) => {\n rooms.push({ number: floor * 100 + r.n, floor, typeId: r.type, features: r.features, suite: r.suite || null, status: \"available\" });\n });\n }\n FLOOR7_LAYOUT.forEach((r) => {\n rooms.push({ number: 700 + r.n, floor: 7, typeId: r.type, features: r.features, suite: r.suite || null, status: \"available\" });\n });\n return rooms;\n}\n\nconst TOTAL_FLOORS = 7;\n\nfunction uid(prefix) { return `${prefix}_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`; }\nfunction todayISO() { return new Date().toISOString().slice(0, 10); }\nfunction addDays(dateStr, days) {\n const d = new Date(dateStr);\n d.setDate(d.getDate() + days);\n return d.toISOString().slice(0, 10);\n}\nfunction nightsBetween(a, b) {\n const ms = new Date(b) - new Date(a);\n return Math.max(1, Math.round(ms / (1000 * 60 * 60 * 24)));\n}\nfunction fmtMoney(n) { return new Intl.NumberFormat(\"ar-SA\", { maximumFractionDigits: 0 }).format(Math.round(n)) + \" ﷼\"; }\nfunction fmtDate(d) {\n try { return new Date(d).toLocaleDateString(\"ar-SA\", { day: \"numeric\", month: \"short\", year: \"numeric\" }); }\n catch { return d; }\n}\n\n/* ---------------------------------------------------------\n تخزين المحتوى والتطبيق\n--------------------------------------------------------- */\nconst K_ROOMS = \"hotel:rooms\";\nconst K_BOOKINGS = \"hotel:bookings\";\nconst K_INVOICES = \"hotel:invoices\";\nconst K_INIT = \"hotel:initialized\";\nconst K_USERS = \"hotel:users\";\nconst K_SESSION = \"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];\n\nfunction simpleHash(str) {\n let h = 0;\n for (let i = 0; i < str.length; i++) { h = (h << 5) - h + str.charCodeAt(i); h |= 0; }\n return \"h\" + Math.abs(h).toString(36) + str.length;\n}\n\nconst storageDriver = {\n get: async (key) => {\n const val = localStorage.getItem(key);\n return val ? { value: val } : null;\n },\n set: async (key, val) => localStorage.setItem(key, val),\n delete: async (key) => localStorage.removeItem(key)\n};\n\nasync function loadUsers() {\n try {\n const res = await storageDriver.get(K_USERS);\n if (res) return JSON.parse(res.value);\n } catch {}\n const seeded = DEFAULT_USERS.map((u) => ({ ...u, passwordHash: simpleHash(u.password), password: undefined }));\n await storageDriver.set(K_USERS, JSON.stringify(seeded));\n return seeded;\n}\n\nasync function loadAll() {\n const out = { rooms: null, bookings: [], invoices: [] };\n try {\n const initRes = await storageDriver.get(K_INIT);\n if (!initRes) { out.rooms = seedRooms(); return { ...out, fresh: true }; }\n const r = await storageDriver.get(K_ROOMS);\n out.rooms = r ? JSON.parse(r.value) : seedRooms();\n const b = await storageDriver.get(K_BOOKINGS);\n out.bookings = b ? JSON.parse(b.value) : [];\n const inv = await storageDriver.get(K_INVOICES);\n out.invoices = inv ? JSON.parse(inv.value) : [];\n } catch {\n out.rooms = seedRooms();\n return { ...out, fresh: true };\n }\n return out;\n}\n\nasync function persist(key, value) {\n try { await storageDriver.set(key, JSON.stringify(value)); } catch (e) { console.error(\"storage error\", key, e); }\n}\n\n/* ---------------------------------------------------------\n المكونات الواجهية\n--------------------------------------------------------- */\nfunction Badge({ status }) {\n const s = ROOM_STATUS[status] || ROOM_STATUS.available;\n const Icon = s.icon;\n return (\n \n \n {s.label}\n \n );\n}\n\nfunction StatCard({ icon: Icon, label, value, sub, accent }) {\n return (\n

\n {label}\n

\n \n

\n {value}\n {sub && {sub}}\n

\n );\n}\n\nfunction Modal({ title, onClose, children, wide }) {\n return (\n

e.stopPropagation()}>\n

{title}

\n \n

{children}

\n );\n}\n\nfunction Field({ label, children }) {\n return (\n \n {label}\n {children}\n \n );\n}\n\nconst inputCls = \"border border-[#E7E0D2] bg-[#FCFAF6] rounded-xl px-3 py-2.5 text-sm outline-none focus:ring-2 focus:ring-[#1B2A3C] transition w-full\";\n\nfunction LoginScreen({ onLogin }) {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n async function submit(e) {\n e.preventDefault();\n if (!username.trim() || !password) return setError(\"الرجاء إدخال اسم المستخدم وكلمة المرور\");\n setBusy(true);\n setError(\"\");\n const ok = await onLogin(username, password);\n setBusy(false);\n if (!ok) setError(\"اسم المستخدم أو كلمة المرور غير صحيحة\");\n }\n\n return (\n

\n \n

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

\n \n

\n );\n}\n\nexport default function HotelBrowserApp() {\n const [authLoaded, setAuthLoaded] = useState(false);\n const [currentUser, setCurrentUser] = useState(null);\n const [users, setUsers] = useState([]);\n const [loaded, setLoaded] = useState(false);\n const [rooms, setRooms] = useState([]);\n const [bookings, setBookings] = useState([]);\n const [invoices, setInvoices] = useState([]);\n const [tab, setTab] = useState(\"dashboard\");\n const [toast, setToast] = useState(null);\n\n const [showBookingModal, setShowBookingModal] = useState(false);\n const [prefillRoom, setPrefillRoom] = useState(null);\n const [showInvoiceFor, setShowInvoiceFor] = useState(null);\n const [showRoomManage, setShowRoomManage] = useState(null);\n const [floorFilter, setFloorFilter] = useState(\"all\");\n const [statusFilter, setStatusFilter] = useState(\"all\");\n const [search, setSearch] = useState(\"\");\n\n useEffect(() => {\n (async () => {\n const u = await loadUsers();\n setUsers(u);\n try {\n const session = await storageDriver.get(K_SESSION);\n if (session) {\n const parsed = JSON.parse(session.value);\n const stillValid = u.find((x) => x.id === parsed.id);\n if (stillValid) setCurrentUser(stillValid);\n }\n } catch {}\n setAuthLoaded(true);\n })();\n }, []);\n\n async function handleLogin(username, password) {\n const found = users.find((u) => u.username.toLowerCase() === username.trim().toLowerCase() && u.passwordHash === simpleHash(password));\n if (!found) return false;\n setCurrentUser(found);\n try { await storageDriver.set(K_SESSION, JSON.stringify({ id: found.id })); } catch {}\n return true;\n }\n\n async function handleLogout() {\n setCurrentUser(null);\n try { await storageDriver.delete(K_SESSION); } catch {}\n }\n\n const isManager = currentUser?.role === \"manager\";\n\n useEffect(() => {\n if (!currentUser) return;\n (async () => {\n const data = await loadAll();\n setRooms(data.rooms);\n setBookings(data.bookings);\n setInvoices(data.invoices);\n setLoaded(true);\n if (data.fresh) {\n await persist(K_ROOMS, data.rooms);\n await persist(K_BOOKINGS, data.bookings);\n await persist(K_INVOICES, data.invoices);\n await persist(K_INIT, true);\n }\n })();\n }, [currentUser]);\n\n const showToast = useCallback((msg, kind = \"success\") => {\n setToast({ msg, kind });\n setTimeout(() => setToast(null), 2600);\n }, []);\n\n const saveRooms = useCallback((next) => { setRooms(next); persist(K_ROOMS, next); }, []);\n const saveBookings = useCallback((next) => { setBookings(next); persist(K_BOOKINGS, next); }, []);\n const saveInvoices = useCallback((next) => { setInvoices(next); persist(K_INVOICES, next); }, []);\n\n function createBooking(payload) {\n const booking = { id: uid(\"bk\"), ...payload, createdAt: new Date().toISOString(), checkedIn: false, checkedOut: false };\n saveBookings([booking, ...bookings]);\n saveRooms(rooms.map((r) => r.number === payload.roomNumber ? { ...r, status: \"occupied\" } : r));\n showToast(`تم إنشاء الحجز للغرفة ${payload.roomNumber}`);\n setShowBookingModal(false);\n setPrefillRoom(null);\n }\n\n function checkOutBooking(booking) {\n const nights = nightsBetween(booking.checkIn, booking.checkOut);\n const roomType = ROOM_TYPES.find((t) => t.id === booking.roomTypeId);\n const roomTotal = nights * (roomType?.price || 0);\n const total = roomTotal;\n\n const invoice = {\n id: uid(\"inv\"), bookingId: booking.id, guestName: booking.guestName, phone: booking.phone,\n roomNumber: booking.roomNumber, roomTypeId: booking.roomTypeId, checkIn: booking.checkIn,\n checkOut: booking.checkOut, nights, roomRate: roomType?.price || 0, roomTotal, extrasTotal: 0,\n total, paid: booking.paid || false, createdAt: new Date().toISOString(),\n };\n saveInvoices([invoice, ...invoices]);\n saveBookings(bookings.map((b) => (b.id === booking.id ? { ...b, checkedOut: true } : b)));\n saveRooms(rooms.map((r) => (r.number === booking.roomNumber ? { ...r, status: \"cleaning\" } : r)));\n showToast(`تم تسجيل الخروج للغرفة ${booking.roomNumber}`);\n setShowInvoiceFor(invoice);\n }\n\n function checkInBooking(booking) {\n saveBookings(bookings.map((b) => (b.id === booking.id ? { ...b, checkedIn: true } : b)));\n saveRooms(rooms.map((r) => (r.number === booking.roomNumber ? { ...r, status: \"occupied\" } : r)));\n showToast(`تم تسجيل دخول ${booking.guestName}`);\n }\n\n function cancelBooking(booking) {\n saveBookings(bookings.filter((b) => b.id !== booking.id));\n if (!booking.checkedOut) saveRooms(rooms.map((r) => (r.number === booking.roomNumber ? { ...r, status: \"available\" } : r)));\n showToast(\"تم إلغاء الحجز\", \"warn\");\n }\n\n function setRoomStatus(roomNumber, status) {\n saveRooms(rooms.map((r) => (r.number === roomNumber ? { ...r, status } : r)));\n showToast(\"تم تحديث حالة الغرفة\");\n }\n\n function markInvoicePaid(invoiceId) {\n saveInvoices(invoices.map((i) => (i.id === invoiceId ? { ...i, paid: true } : i)));\n showToast(\"تم تسجيل الدفع\");\n }\n\n const stats = useMemo(() => {\n const total = rooms.length;\n const occupied = rooms.filter((r) => r.status === \"occupied\").length;\n const available = rooms.filter((r) => r.status === \"available\").length;\n const cleaning = rooms.filter((r) => r.status === \"cleaning\").length;\n const maintenance = rooms.filter((r) => r.status === \"maintenance\").length;\n const occupancyRate = total ? Math.round((occupied / total) * 100) : 0;\n const todayRevenue = invoices.filter((i) => i.createdAt.slice(0, 10) === todayISO()).reduce((s, i) => s + i.total, 0);\n const monthRevenue = invoices.filter((i) => i.createdAt.slice(0, 7) === todayISO().slice(0, 7)).reduce((s, i) => s + i.total, 0);\n const unpaid = invoices.filter((i) => !i.paid);\n const activeBookings = bookings.filter((b) => !b.checkedOut);\n return {\n total, occupied, available, cleaning, maintenance, occupancyRate,\n todayRevenue, monthRevenue, unpaidTotal: unpaid.reduce((s, i) => s + i.total, 0), unpaidCount: unpaid.length,\n activeBookings: activeBookings.length,\n arrivalsToday: activeBookings.filter((b) => b.checkIn === todayISO() && !b.checkedIn),\n departuresToday: activeBookings.filter((b) => b.checkOut === todayISO()),\n };\n }, [rooms, bookings, invoices]);\n\n const filteredRooms = useMemo(() => {\n return rooms.filter((r) => {\n if (floorFilter !== \"all\" && r.floor !== Number(floorFilter)) return false;\n if (statusFilter !== \"all\" && r.status !== statusFilter) return false;\n if (search && !String(r.number).includes(search.trim())) return false;\n return true;\n });\n }, [rooms, floorFilter, statusFilter, search]);\n\n const activeBookingsList = useMemo(() => bookings.filter((b) => !b.checkedOut), [bookings]);\n\n if (!authLoaded || !loaded) {\n return (\n

\n \n

\n );\n }\n\n if (!currentUser) return ;\n\n return (\n

\n {/* الشريط العلوي */}\n

\n \n نُزل — نظام الإدارة\n

\n {currentUser.displayName}\n \n

\n\n {/* المحتوى الرئيسي */}\n

\n {/* القائمة الجانبية */}\n \n\n {/* جسم الصفحة */}\n

\n {tab === \"dashboard\" && { setPrefillRoom(r); setTab(\"rooms\"); }} />}\n {tab === \"rooms\" && { setPrefillRoom(r); setShowBookingModal(true); }} onManage={(r) => setShowRoomManage(r)} />}\n {tab === \"bookings\" && { setPrefillRoom(null); setShowBookingModal(true); }} />}\n {tab === \"invoices\" && isManager && }\n {tab === \"users\" && isManager && { setUsers(next); await persist(K_USERS, next); showToast(\"تم التحديث\"); }} />}\n

\n\n {/* شريط التنقل السفلي للهواتف */}\n

\n setTab(\"dashboard\")} />\n setTab(\"rooms\")} />\n setTab(\"bookings\")} />\n {isManager && setTab(\"invoices\")} />}\n

\n\n {/* المودالات */}\n {showBookingModal && { setShowBookingModal(false); setPrefillRoom(null); }} onCreate={createBooking} />}\n {showInvoiceFor && setShowInvoiceFor(null)} onMarkPaid={markInvoicePaid} />}\n {showRoomManage && setShowRoomManage(null)} onSetStatus={(s) => { setRoomStatus(showRoomManage.number, s); setShowRoomManage(null); }} />}\n\n {toast && (\n

\n \n {toast.msg}\n

\n )}\n

\n );\n}\n\nfunction NavBtn({ icon: Icon, label, active, onClick }) {\n return (\n \n );\n}\n\nfunction NavBtnMobile({ icon: Icon, active, onClick }) {\n return (\n \n );\n}\n\n/* ---------------------------------------------------------\n العروض الفرعية\n--------------------------------------------------------- */\nfunction Dashboard({ stats, rooms, isManager, onCheckIn, onSelectRoom }) {\n return (\n

\n \n {isManager ? (\n <>\n \n \n \n \n ) : (\n <>\n \n \n \n \n )}\n

\n\n

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

\n {rooms.map((r) => (\n

onSelectRoom(r)} className=\"aspect-square rounded-md cursor-pointer transition hover:scale-105\" style={{ background: (ROOM_STATUS[r.status] || ROOM_STATUS.available).color }} title={`غرفة ${r.number}`} />\n ))}\n

\n );\n}\n\nfunction RoomsView({ rooms, floorFilter, setFloorFilter, statusFilter, setStatusFilter, search, setSearch, onBook, onManage }) {\n return (\n

\n setSearch(e.target.value)} placeholder=\"رقم الغرفة...\" className={inputCls} style={{ width: 140 }} />\n \n \n

\n\n

\n {rooms.map((r) => (\n

onManage(r)} className=\"rounded-2xl p-4 border border-[#E7E0D2] bg-white cursor-pointer hover:shadow-md transition flex flex-col gap-2\">\n

{r.number}

\n {r.status === \"available\" && (\n \n )}\n

\n ))}\n

\n );\n}\n\nfunction RoomManageModal({ room, onClose, onSetStatus }) {\n return (\n \n

تغيير الحالة إلى:

\n {Object.entries(ROOM_STATUS).map(([k, s]) => (\n \n ))}\n

\n \n );\n}\n\nfunction BookingModal({ rooms, prefillRoom, onClose, onCreate }) {\n const availableRooms = rooms.filter((r) => r.status === \"available\" || r.number === prefillRoom?.number);\n const [roomNumber, setRoomNumber] = useState(prefillRoom?.number || availableRooms[0]?.number || \"\");\n const [guestName, setGuestName] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [checkIn, setCheckIn] = useState(todayISO());\n const [checkOut, setCheckOut] = useState(addDays(todayISO(), 1));\n\n function submit() {\n if (!guestName || !phone || !roomNumber) return;\n const room = rooms.find((r) => r.number === Number(roomNumber));\n onCreate({ roomNumber: Number(roomNumber), roomTypeId: room?.typeId, guestName, phone, checkIn, checkOut, extras: [], paid: false });\n }\n\n return (\n \n

\n setGuestName(e.target.value)} className={inputCls} />\n setPhone(e.target.value)} className={inputCls} dir=\"ltr\" />\n \n \n \n

\n setCheckIn(e.target.value)} className={inputCls} />\n setCheckOut(e.target.value)} className={inputCls} />\n

\n \n

\n \n );\n}\n\nfunction BookingsView({ bookings, onCheckIn, onCheckOut, onCancel, onNew }) {\n return (\n

{bookings.length} حجز

\n {bookings.map((b) => (\n

{b.guestName} — غرفة {b.roomNumber}

{fmtDate(b.checkIn)} إلى {fmtDate(b.checkOut)}

\n {!b.checkedIn && }\n \n \n

\n ))}\n

\n );\n}\n\nfunction InvoicesView({ invoices, onMarkPaid, onView }) {\n return (\n

\n {invoices.map((inv) => (\n

onView(inv)} className=\"rounded-2xl p-4 border border-[#E7E0D2] bg-white flex justify-between items-center cursor-pointer\">\n

{inv.guestName} — غرفة {inv.roomNumber}

{fmtDate(inv.createdAt)}

\n {fmtMoney(inv.total)}\n {inv.paid ? مدفوعة : }\n

\n ))}\n

\n );\n}\n\nfunction InvoiceModal({ invoice, onClose, onMarkPaid }) {\n return (\n \n

{invoice.guestName}

{invoice.phone}

المبلغ:{fmtMoney(invoice.total)}

\n {!invoice.paid && }\n \n

\n \n );\n}\n\nfunction UsersView({ users, onSave }) {\n return

إدارة المستخدمين جاهزة للتخصيص.

;\n}\n\nimport { createRoot } from \"react-dom/client\";\ncreateRoot(document.getElementById(\"root\")).render();\n",[152],"pulls","branches","forks","envVars",{"_166":68,"_168":68},"connections",{"_166":68,"_167":68},"count","unfilledCount","emptyCount",{"_48":151,"_38":152,"_36":153,"_138":-5,"_46":47,"_45":154,"_140":31,"_43":179,"_13":68,"_39":156,"_40":157,"_30":31,"_145":-5,"_173":180,"_33":181},{"_48":148,"_38":34,"_36":37,"_138":-5,"_46":47,"_45":14,"_140":31,"_43":176,"_13":142,"_39":26,"_40":42,"_30":31,"_145":-5,"_173":177,"_33":178},{"_48":136,"_38":137,"_36":62,"_138":-5,"_46":47,"_45":139,"_140":64,"_43":172,"_13":142,"_39":143,"_40":144,"_30":31,"_145":146,"_173":174,"_33":175},["D",1787192802467],"children",[],[137],["D",1787192817896],[],[34],["D",1787192120057],[],[152],["D",1787192069376],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_19":60,"_107":108,"_109":31},{"_13":91,"_38":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"ctx",{"_84":-5,"_130":219,"_220":221,"_222":223,"_224":31,"_225":31,"_226":31,"_227":64,"_228":-5,"_229":-7,"_230":-7,"_231":68,"_232":31,"_233":31,"_234":-5,"_235":31,"_236":31,"_237":31,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":92,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v5