[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_307":308,"_309":310},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_114":95,"_32":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":-5,"_127":-5,"_128":30,"_129":130,"_131":30,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",12,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a00b25a8-fdb9-491f-b025-a2617dad08e5","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/pages/BookingPage.tsx","latestPath","fileId","04cffe72-5478-11f1-b964-ee650bb23af1","name","BookingPage.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { COLORS, FONTS, btnPrimary, inputStyle, labelStyle, cardStyle } from \"../styles.ts\";\n\nexport function BookingPage({ notify }: { notify: (msg: string, type?: \"success\" | \"error\") => void }) {\n const [rooms, setRooms] = useState([]);\n const [step, setStep] = useState(1);\n const [booking, setBooking] = useState({\n full_name: \"\", email: \"\", phone: \"\", id_type: \"Aadhar\", id_number: \"\",\n address: \"\", city: \"\", country: \"India\",\n room_id: \"\", check_in: \"\", check_out: \"\", guests: 1, special_requests: \"\",\n });\n const [result, setResult] = useState(null);\n const [submitting, setSubmitting] = useState(false);\n\n useEffect(() => {\n fetch(\"/api/rooms/available\").then(r => r.json()).then(setRooms);\n }, []);\n\n const selectedRoom = rooms.find(r => r.id === Number(booking.room_id));\n const nights = booking.check_in && booking.check_out\n ? Math.ceil((new Date(booking.check_out).getTime() - new Date(booking.check_in).getTime()) / (1000 * 60 * 60 * 24))\n : 0;\n const total = selectedRoom ? selectedRoom.price_per_night * Math.max(nights, 0) : 0;\n const tax = total * 0.18;\n\n const handleSubmit = async () => {\n if (!booking.full_name || !booking.phone || !booking.room_id || !booking.check_in || !booking.check_out) {\n notify(\"Please fill all required fields\", \"error\");\n return;\n }\n if (nights <= 0) { notify(\"Check-out must be after check-in\", \"error\"); return; }\n setSubmitting(true);\n try {\n // Create customer first\n const custRes = await fetch(\"/api/customers\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n full_name: booking.full_name, email: booking.email, phone: booking.phone,\n id_type: booking.id_type, id_number: booking.id_number,\n address: booking.address, city: booking.city, country: booking.country,\n }),\n });\n // Get all customers and find the latest one\n const customers = await fetch(\"/api/customers\").then(r => r.json());\n const customerId = customers[0]?.id;\n\n const bookRes = await fetch(\"/api/bookings\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n customer_id: customerId, room_id: Number(booking.room_id),\n check_in: booking.check_in, check_out: booking.check_out,\n guests: booking.guests, special_requests: booking.special_requests,\n }),\n });\n const data = await bookRes.json();\n setResult(data);\n setStep(4);\n notify(\"Booking confirmed successfully!\");\n } catch (e) {\n notify(\"Booking failed. Please try again.\", \"error\");\n }\n setSubmitting(false);\n };\n\n const Field = ({ label, name, type = \"text\", required = false, options, span = 1 }: any) => (\n

\n {label} {required && *}\n {options ? (\n \n ) : (\n setBooking({ ...booking, [name]: type === \"number\" ? Number(e.target.value) : e.target.value })}\n style={inputStyle} required={required} />\n )}\n

\n );\n\n return (\n

\n {/* Header */}\n

Reservation

Book Your Stay

\n\n

\n {/* Progress */}\n

\n {[\"Select Room\", \"Guest Details\", \"Review & Pay\", \"Confirmation\"].map((s, i) => (\n

i + 1 ? COLORS.success : step === i + 1 ? COLORS.accent : \"#ddd\",\n color: \"#fff\", fontWeight: 700, fontSize: 13,\n }}>{step > i + 1 ? \"✓\" : i + 1}

\n {s}\n {i < 3 &&

i + 1 ? COLORS.success : \"#ddd\" }} />}\n

\n ))}\n

\n\n {/* Step 1: Room Selection */}\n {step === 1 && (\n

Select Your Room

\n \n \n

\n \n

\n {rooms.map(room => (\n \n setBooking({ ...booking, room_id: String(room.id) })} />\n {room.room_type === \"Suite\" ? \"👑\" : room.room_type === \"Deluxe\" ? \"🌟\" : \"🛏️\"}\n

Room {room.room_number} — {room.room_type}

{room.ac_type} • Floor {room.floor} • Max {room.max_guests} guests

\n ₹{room.price_per_night.toLocaleString()}/night\n

\n \n ))}\n

\n \n

\n )}\n\n {/* Step 2: Guest Details */}\n {step === 2 && (\n

Guest Information

\n \n \n \n \n \n \n \n \n

\n \n \n

\n )}\n\n {/* Step 3: Review */}\n {step === 3 && (\n

Review Your Booking

Guest Details

Name: {booking.full_name}

Phone: {booking.phone}

Email: {booking.email || \"—\"}

ID: {booking.id_type} — {booking.id_number || \"—\"}

Booking Details

Room: {selectedRoom?.room_number} — {selectedRoom?.room_type}

Check-in: {booking.check_in}

Check-out: {booking.check_out}

Nights: {nights}

Guests: {booking.guests}

\n {/* Bill */}\n

💰 Bill Summary

\n Room Charges ({nights} nights × ₹{selectedRoom?.price_per_night.toLocaleString()})\n ₹{total.toLocaleString()}\n

\n GST (18%)\n ₹{tax.toLocaleString()}\n

\n Grand Total\n ₹{(total + tax).toLocaleString()}\n

\n \n \n

\n )}\n\n {/* Step 4: Confirmation */}\n {step === 4 && result && (\n

🎉

Booking Confirmed!

Your reservation has been successfully processed.

Booking Reference: {result.booking_ref}

Room Charges: ₹{result.total_amount?.toLocaleString()}

Tax (GST 18%): ₹{result.tax_amount?.toLocaleString()}

Grand Total: ₹{result.grand_total?.toLocaleString()}

Duration: {result.nights} night(s)

\n \n \n

\n )}\n

\n );\n}\n","createdAt",["D",1779300987865],"branchVersion","branchId","d0b08cd4-5476-11f1-8c7b-ee650bb23af1","id","d0aff83c-5476-11f1-8c7b-ee650bb23af1","hotel-management-system",["D",1779300470926],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Hotel Management System with booking and admin dashboard","imageUrl","5138eb81-3626-4840-b1ca-0abc18aedd8e","pinnedFileId","84269d84-5478-11f1-bcbe-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e468f-68c7-7406-b555-8773ef996dfe","tursoName","d0aff83c547611f18c7bee650bb23af1","tursoHostname","d0aff83c547611f18c7bee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501878689],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":60,"_110":111,"_112":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",26,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shreyaspande","handle","displayName","Shreyas Pande","avatar","https://lh3.googleusercontent.com/a/ACg8ocIkdfPcaS5_wLwRBiJoDhq3IPXpbhOANLggiDpCsaklNbLfiZc=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":302,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":303,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":304,"_89":305,"_91":306,"_93":30},"tree",[179,181,184,195],"files",[179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195],"counts",{"_169":68,"_170":144,"_171":68,"_172":173,"_174":175},"contents",[136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":163,"_37":164,"_35":165,"_143":-5,"_46":47,"_45":166,"_145":64,"_43":167,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_32":168},{"_48":157,"_37":158,"_35":159,"_143":-5,"_46":47,"_45":160,"_145":64,"_43":161,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_32":162},{"_48":150,"_37":151,"_35":152,"_143":-5,"_46":47,"_45":153,"_145":64,"_43":154,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_32":156},{"_48":140,"_37":141,"_35":142,"_143":-5,"_46":47,"_45":144,"_145":30,"_43":146,"_13":68,"_39":26,"_41":147,"_29":30,"_148":-5,"_32":149},"db098686-5476-11f1-8c43-ee650bb23af1","README.md","db098730-5476-11f1-8c43-ee650bb23af1","parentId",1,"latest",["D",1779300488272],"# hotel-management-system","label",[141],"8ea80f1e-5477-11f1-9426-ee650bb23af1","frontend","db2c79df-bf9c-4876-abb0-6b868c922d1e",5,["D",1779300789627],"directory",[151],"e9b7e894-5476-11f1-8c7b-ee650bb23af1","database","582166b8-a95d-4416-826e-7b81083aac44",2,["D",1779300512907],[158],"0501e974-5477-11f1-bf00-ee650bb23af1","api","6d8b275f-0e99-4398-9f97-6884fc7db2af",4,["D",1779300558691],[164],"pulls","branches","forks","envVars",{"_176":68,"_178":68},"connections",{"_176":68,"_177":68},"count","unfilledCount","emptyCount",{"_48":163,"_37":164,"_35":165,"_143":-5,"_46":47,"_45":166,"_145":64,"_43":299,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_197":300,"_32":301},{"_48":292,"_37":293,"_35":294,"_143":165,"_46":47,"_45":166,"_145":64,"_43":295,"_13":68,"_39":40,"_41":296,"_29":30,"_148":-5,"_197":297,"_32":298},{"_48":157,"_37":158,"_35":159,"_143":-5,"_46":47,"_45":160,"_145":64,"_43":289,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_197":290,"_32":291},{"_48":281,"_37":282,"_35":283,"_143":159,"_46":47,"_45":284,"_145":64,"_43":285,"_13":68,"_39":40,"_41":286,"_29":30,"_148":-5,"_197":287,"_32":288},{"_48":274,"_37":275,"_35":276,"_143":159,"_46":47,"_45":160,"_145":64,"_43":277,"_13":68,"_39":40,"_41":278,"_29":30,"_148":-5,"_197":279,"_32":280},{"_48":150,"_37":151,"_35":152,"_143":-5,"_46":47,"_45":153,"_145":64,"_43":271,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_197":272,"_32":273},{"_48":267,"_37":250,"_35":244,"_143":152,"_46":47,"_45":245,"_145":64,"_43":268,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_197":269,"_32":270},{"_48":259,"_37":260,"_35":261,"_143":244,"_46":47,"_45":262,"_145":64,"_43":263,"_13":68,"_39":40,"_41":264,"_29":30,"_148":-5,"_197":265,"_32":266},{"_48":251,"_37":252,"_35":253,"_143":244,"_46":47,"_45":254,"_145":64,"_43":255,"_13":68,"_39":40,"_41":256,"_29":30,"_148":-5,"_197":257,"_32":258},{"_48":241,"_37":242,"_35":243,"_143":244,"_46":47,"_45":245,"_145":64,"_43":246,"_13":68,"_39":40,"_41":247,"_29":30,"_148":-5,"_197":248,"_32":249},{"_48":237,"_37":224,"_35":218,"_143":152,"_46":47,"_45":228,"_145":64,"_43":238,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_197":239,"_32":240},{"_48":233,"_37":38,"_35":36,"_143":218,"_46":47,"_45":14,"_145":64,"_43":234,"_13":68,"_39":40,"_41":42,"_29":30,"_148":-5,"_197":235,"_32":236},{"_48":225,"_37":226,"_35":227,"_143":218,"_46":47,"_45":228,"_145":64,"_43":229,"_13":68,"_39":40,"_41":230,"_29":30,"_148":-5,"_197":231,"_32":232},{"_48":215,"_37":216,"_35":217,"_143":218,"_46":47,"_45":219,"_145":64,"_43":220,"_13":68,"_39":40,"_41":221,"_29":30,"_148":-5,"_197":222,"_32":223},{"_48":208,"_37":209,"_35":210,"_143":152,"_46":47,"_45":153,"_145":64,"_43":211,"_13":68,"_39":40,"_41":212,"_29":30,"_148":-5,"_197":213,"_32":214},{"_48":200,"_37":201,"_35":202,"_143":152,"_46":47,"_45":203,"_145":64,"_43":204,"_13":68,"_39":40,"_41":205,"_29":30,"_148":-5,"_197":206,"_32":207},{"_48":140,"_37":141,"_35":142,"_143":-5,"_46":47,"_45":144,"_145":30,"_43":196,"_13":68,"_39":26,"_41":147,"_29":30,"_148":-5,"_197":198,"_32":199},["D",1779300488272],"children",[],[141],"97b313ba-5477-11f1-8ca8-ee650bb23af1","styles.ts","97b314e6-5477-11f1-8ca8-ee650bb23af1",6,["D",1779300804802],"// Shared styles and theme constants\nexport const COLORS = {\n primary: \"#1a1a2e\",\n primaryLight: \"#16213e\",\n accent: \"#e94560\",\n accentHover: \"#c81e45\",\n gold: \"#d4a853\",\n goldLight: \"#f0d78c\",\n white: \"#ffffff\",\n offWhite: \"#f8f9fa\",\n gray: \"#6c757d\",\n grayLight: \"#e9ecef\",\n grayDark: \"#343a40\",\n success: \"#10b981\",\n warning: \"#f59e0b\",\n danger: \"#ef4444\",\n info: \"#3b82f6\",\n bg: \"#f0f2f5\",\n};\n\nexport const FONTS = {\n heading: \"'Playfair Display', serif\",\n body: \"'Inter', sans-serif\",\n};\n\nexport const cardStyle: React.CSSProperties = {\n background: \"#fff\",\n borderRadius: 16,\n boxShadow: \"0 2px 12px rgba(0,0,0,0.06)\",\n padding: 24,\n};\n\nexport const btnPrimary: React.CSSProperties = {\n background: COLORS.accent,\n color: \"#fff\",\n border: \"none\",\n padding: \"12px 28px\",\n borderRadius: 8,\n fontWeight: 600,\n fontSize: 15,\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n fontFamily: FONTS.body,\n};\n\nexport const btnOutline: React.CSSProperties = {\n background: \"transparent\",\n color: COLORS.accent,\n border: `2px solid ${COLORS.accent}`,\n padding: \"10px 24px\",\n borderRadius: 8,\n fontWeight: 600,\n fontSize: 15,\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n fontFamily: FONTS.body,\n};\n\nexport const btnGold: React.CSSProperties = {\n background: `linear-gradient(135deg, ${COLORS.gold}, ${COLORS.goldLight})`,\n color: COLORS.primary,\n border: \"none\",\n padding: \"12px 28px\",\n borderRadius: 8,\n fontWeight: 700,\n fontSize: 15,\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n fontFamily: FONTS.body,\n};\n\nexport const inputStyle: React.CSSProperties = {\n width: \"100%\",\n padding: \"12px 16px\",\n borderRadius: 8,\n border: \"1px solid #ddd\",\n fontSize: 15,\n fontFamily: FONTS.body,\n outline: \"none\",\n transition: \"border-color 0.2s\",\n boxSizing: \"border-box\",\n};\n\nexport const labelStyle: React.CSSProperties = {\n fontSize: 13,\n fontWeight: 600,\n color: COLORS.grayDark,\n marginBottom: 4,\n display: \"block\",\n fontFamily: FONTS.body,\n};\n\nexport const tableStyle: React.CSSProperties = {\n width: \"100%\",\n borderCollapse: \"collapse\" as const,\n fontSize: 14,\n fontFamily: FONTS.body,\n};\n\nexport const thStyle: React.CSSProperties = {\n padding: \"12px 16px\",\n textAlign: \"left\" as const,\n background: COLORS.primary,\n color: \"#fff\",\n fontWeight: 600,\n fontSize: 13,\n textTransform: \"uppercase\" as const,\n letterSpacing: \"0.5px\",\n};\n\nexport const tdStyle: React.CSSProperties = {\n padding: \"12px 16px\",\n borderBottom: \"1px solid #eee\",\n};\n\nexport const badgeStyle = (color: string): React.CSSProperties => ({\n display: \"inline-block\",\n padding: \"4px 12px\",\n borderRadius: 20,\n fontSize: 12,\n fontWeight: 600,\n background: color + \"18\",\n color: color,\n});\n\nexport const statusColor = (status: string): string => {\n const map: Record = {\n available: COLORS.success,\n booked: COLORS.info,\n maintenance: COLORS.warning,\n confirmed: COLORS.info,\n checked_in: COLORS.success,\n checked_out: COLORS.gray,\n cancelled: COLORS.danger,\n paid: COLORS.success,\n pending: COLORS.warning,\n active: COLORS.success,\n inactive: COLORS.gray,\n completed: COLORS.success,\n };\n return map[status] || COLORS.gray;\n};\n",[],[151,201],"8ea7e976-5477-11f1-9426-ee650bb23af1","App.tsx","8ea7ea5c-5477-11f1-9426-ee650bb23af1",["D",1779300789627],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { HomePage } from \"./pages/HomePage.tsx\";\nimport { RoomsPage } from \"./pages/RoomsPage.tsx\";\nimport { BookingPage } from \"./pages/BookingPage.tsx\";\nimport { AboutPage } from \"./pages/AboutPage.tsx\";\nimport { ContactPage } from \"./pages/ContactPage.tsx\";\nimport { LoginPage } from \"./pages/LoginPage.tsx\";\nimport { AdminDashboard } from \"./pages/AdminDashboard.tsx\";\nimport { AdminRooms } from \"./pages/AdminRooms.tsx\";\nimport { AdminCustomers } from \"./pages/AdminCustomers.tsx\";\nimport { AdminBookings } from \"./pages/AdminBookings.tsx\";\nimport { AdminEmployees } from \"./pages/AdminEmployees.tsx\";\nimport { AdminFeedback } from \"./pages/AdminFeedback.tsx\";\nimport { AdminPayments } from \"./pages/AdminPayments.tsx\";\nimport { Navbar } from \"./components/Navbar.tsx\";\nimport { Footer } from \"./components/Footer.tsx\";\nimport { AdminSidebar } from \"./components/AdminSidebar.tsx\";\n\nexport type Page = \"home\" | \"rooms\" | \"booking\" | \"about\" | \"contact\" | \"login\"\n | \"admin-dashboard\" | \"admin-rooms\" | \"admin-customers\" | \"admin-bookings\"\n | \"admin-employees\" | \"admin-feedback\" | \"admin-payments\";\n\nexport interface User {\n id: number;\n username: string;\n full_name: string;\n email: string;\n role: string;\n}\n\nexport function App() {\n const [page, setPage] = useState(\"home\");\n const [user, setUser] = useState(null);\n const [notification, setNotification] = useState<{ message: string; type: \"success\" | \"error\" } | null>(null);\n\n const isAdmin = page.startsWith(\"admin-\");\n\n const showNotification = useCallback((message: string, type: \"success\" | \"error\" = \"success\") => {\n setNotification({ message, type });\n setTimeout(() => setNotification(null), 3500);\n }, []);\n\n const handleLogout = () => {\n setUser(null);\n setPage(\"home\");\n showNotification(\"Logged out successfully\");\n };\n\n const handleLogin = (u: User) => {\n setUser(u);\n setPage(\"admin-dashboard\");\n showNotification(`Welcome back, ${u.full_name}!`);\n };\n\n // Render admin layout\n if (isAdmin && user) {\n return (\n

\n {notification && }\n \n

\n {page === \"admin-dashboard\" && }\n {page === \"admin-rooms\" && }\n {page === \"admin-customers\" && }\n {page === \"admin-bookings\" && }\n {page === \"admin-employees\" && }\n {page === \"admin-feedback\" && }\n {page === \"admin-payments\" && }\n

\n );\n }\n\n // Protect admin pages\n if (isAdmin && !user) {\n return (\n <>\n {notification && }\n \n \n

Book Your Stay

Select Your Room

Guest Information

Review Your Booking

Guest Details

Booking Details

💰 Bill Summary

Booking Confirmed!

\n {room.room_type} Room\n

\n Experience Unparalleled Luxury\n

Exquisite Room Collection

{room.type}

Hotel Amenities

{a.title}

What Our Guests Say

Diff · v12