Operations Overview

Rooms Occupied

-

Check-ins Today

-

Check-outs Today

-

Monthly Revenue

$0

Today's Arrivals

Guest	Room	Status

Housekeeping Status

Available -

Being Cleaned -

Maintenance -

Occupied -

Revenue (Last 7 Days)

Room Status

Guest Directory

Total Guests

-

VIP

-

Repeat Guests

-

New This Month

-

Name	Contact	Email	ID/Passport	Visits	Tag	Actions

Room Management

Reservation Management

Upcoming Bookings

Guest	Check-in	Check-out	Room	Deposit	Status	Actions

Front Desk Operations

Quick Check-In

Quick Check-Out

Billing & Payments

Open Billing Page

Redirecting to the Billing page ? open billing if you are not redirected automatically.

Housekeeping Management

Tasks

Room	Reason	Assigned	Status	Actions

Staff Assignment

Loading staff...

Staff & Duty Roster

Total Staff

-

On Duty

-

Off Duty

-

On Leave

-

Name	Role	Department	Shift	Phone	Status	Actions

Guest Communication

Messages Sent

-

SMS

-

Email

-

In-App

-

Message Templates

Communication Log

Date	Guest	Channel	Subject	Status

Operational Reports

Total Revenue

$0

Total Bookings

0

Avg. Occupancy

0%

Avg. Rate/Night

$0

Revenue by Month

Occupancy Trends

Bookings by Status

Room Type Popularity

Booking Details

Guest	Room	Check-in	Check-out	Nights	Rate	Total	Status

Landing Pages `; const w = window.open('','_blank'); w.document.write(html); w.document.close(); w.print(); }; }catch(e){ console.warn(e); } } function exportAllHistoryCSV(){ const rows=[['RoomID','RoomNumber','Date','Action','Staff','Notes']]; const rooms = (window.HotelRooms && window.HotelRooms.load)? window.HotelRooms.load() : []; loadHistory().forEach(h=>{ const r = (rooms.find(rr=> rr.id===h.roomId) || {}); rows.push([h.roomId||'', r.number||'', h.date||'', h.action||'', h.staff||'', (h.notes||'').replace(/\n/g,' ')]); }); const csv = rows.map(r=> r.map(c=> '"' + String(c||'').replace(/"/g,'""') + '"').join(',')).join('\n'); const blob = new Blob([csv],{type:'text/csv'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'cleaning-history-all.csv'; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); } function printAllHistoryReport(){ const rooms = (window.HotelRooms && window.HotelRooms.load)? window.HotelRooms.load() : []; const byRoom = {}; loadHistory().forEach(h=>{ (byRoom[h.roomId] = byRoom[h.roomId]||[]).push(h); }); let html = `Cleaning history report

Cleaning history report

`; Object.keys(byRoom).forEach(rid=>{ const r = (rooms.find(rr=> rr.id===rid)||{}); html += `

Room ${r.number||rid}

` + (byRoom[rid]||[]).map(e=> ``).join('') + `

Date	Action	Staff	Notes
${new Date(e.date).toLocaleString()}	${esc(e.action)}	${esc(e.staff)}	${esc(e.notes\|\|'')}

`; }); html += ` `; const w = window.open('','_blank'); w.document.write(html); w.document.close(); w.print(); } // seed if(!window._hotelStore.get(HK_STAFF)) saveStaff(sampleStaff()); if(!window._hotelStore.get(HK_KEY)) saveTasks(sampleTasks()); renderTasks(); renderStaffAssignments(); // expose API window.HotelHousekeeping = { load: loadTasks, save: saveTasks, render: renderTasks, renderStaff: renderStaffAssignments, addFromBooking: addFromBooking, syncFromBookings: syncFromBookings, addHistoryEntry: addHistoryEntry, getHistoryForRoom: getHistoryForRoom, renderRoomHistory: renderRoomHistory, exportAllHistoryCSV: exportAllHistoryCSV, printAllHistoryReport: printAllHistoryReport, loadHistory: loadHistory, saveHistory: saveHistory }; })(); // ============================================================ // GUEST DIRECTORY MODULE // ============================================================ (function(){ var GK = 'hotel_guests_v1'; function load(){ return window._hotelStore.get(GK) || []; } function save(d){ window._hotelStore.set(GK, d); } function uid(){ return 'g'+Date.now()+''+Math.random().toString(36).slice(2,7); } function esc(s){ var d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; } var sampleGuests = [ {id:uid(),name:'Alice Johnson',phone:'+1 555-0123',email:'alice@mail.com',passport:'P12345678',tag:'VIP',visits:5,notes:'Prefers high-floor rooms',created:new Date(Date.now()-86400000*60).toISOString()}, {id:uid(),name:'Bob Williams',phone:'+44 20 7123',email:'bob@mail.com',passport:'P87654321',tag:'Regular',visits:1,notes:'',created:new Date().toISOString()} ]; if(!window._hotelStore.get(GK)) save(sampleGuests); var tbody = document.getElementById('guests-tbody'); var guestFormEl = document.getElementById('guestFormModal'); var modal = (window.bootstrap && guestFormEl) ? new bootstrap.Modal(guestFormEl) : null; var searchEl = document.getElementById('guest-search'); var tagFilter = document.getElementById('guest-tag-filter'); function renderKPI(){ var guests = load(); document.getElementById('guest-kpi-total').textContent = guests.length; document.getElementById('guest-kpi-vip').textContent = guests.filter(function(g){return g.tag==='VIP'}).length; document.getElementById('guest-kpi-repeat').textContent = guests.filter(function(g){return (g.visits||0)>1}).length; var now = new Date(), m = now.getMonth(), y = now.getFullYear(); document.getElementById('guest-kpi-new').textContent = guests.filter(function(g){ var d = new Date(g.created); return d.getMonth()===m && d.getFullYear()===y; }).length; } function render(){ var guests = load(); var q = (searchEl.value||'').toLowerCase(); var tag = tagFilter.value; var filtered = guests.filter(function(g){ var match = !q || (g.name||'').toLowerCase().indexOf(q)>=0 || (g.phone||'').indexOf(q)>=0 || (g.passport||'').toLowerCase().indexOf(q)>=0 || (g.email||'').toLowerCase().indexOf(q)>=0; if(tag) match = match && g.tag===tag; return match; }); if(!filtered.length){ tbody.innerHTML='No guests found'; renderKPI(); return; } tbody.innerHTML = filtered.map(function(g){ var tagClass = g.tag==='VIP'?'badge-occupied': g.tag==='Blacklisted'?'badge-maintenance':'badge-available'; return ''+esc(g.name)+''+esc(g.phone)+''+esc(g.email)+''+esc(g.passport)+''+(g.visits||0)+''+esc(g.tag)+' '; }).join(''); renderKPI(); } function openForm(id){ var g = id ? load().find(function(x){return x.id===id}) : null; document.getElementById('guest-id').value = g ? g.id : ''; document.getElementById('guest-name').value = g ? g.name : ''; document.getElementById('guest-phone').value = g ? g.phone||'' : ''; document.getElementById('guest-email').value = g ? g.email||'' : ''; document.getElementById('guest-passport').value = g ? g.passport||'' : ''; document.getElementById('guest-tag').value = g ? g.tag||'Regular' : 'Regular'; document.getElementById('guest-notes').value = g ? g.notes||'' : ''; document.querySelector('#guestFormModal .modal-title').textContent = g ? 'Edit Guest' : 'Add Guest'; modal && modal.show(); } document.getElementById('guest-save-btn').addEventListener('click', function(){ var name = document.getElementById('guest-name').value.trim(); if(!name){alert('Name is required');return;} var guests = load(); var editId = document.getElementById('guest-id').value; if(editId){ var idx = guests.findIndex(function(x){return x.id===editId}); if(idx>=0){ guests[idx].name=name; guests[idx].phone=document.getElementById('guest-phone').value.trim(); guests[idx].email=document.getElementById('guest-email').value.trim(); guests[idx].passport=document.getElementById('guest-passport').value.trim(); guests[idx].tag=document.getElementById('guest-tag').value; guests[idx].notes=document.getElementById('guest-notes').value.trim(); } } else { guests.push({id:uid(),name:name,phone:document.getElementById('guest-phone').value.trim(),email:document.getElementById('guest-email').value.trim(),passport:document.getElementById('guest-passport').value.trim(),tag:document.getElementById('guest-tag').value,notes:document.getElementById('guest-notes').value.trim(),visits:0,created:new Date().toISOString()}); } save(guests); modal && modal.hide(); render(); }); function removeGuest(id){ if(!confirm('Delete this guest?')) return; var g=load().filter(function(x){return x.id!==id}); save(g); render(); } document.getElementById('guest-add-btn').addEventListener('click',function(){ openForm(); }); searchEl.addEventListener('input', render); tagFilter.addEventListener('change', render); document.getElementById('guest-export-btn').addEventListener('click',function(){ var g = load(); var rows=[['Name','Phone','Email','ID/Passport','Tag','Visits','Notes','Created']]; g.forEach(function(x){ rows.push([x.name,x.phone||'',x.email||'',x.passport||'',x.tag||'',x.visits||0,x.notes||'',x.created||'']); }); var csv = rows.map(function(r){return r.map(function(c){return '"'+String(c).replace(/"/g,'""')+'"'}).join(',')}).join('\n'); var blob=new Blob([csv],{type:'text/csv'}); var url=URL.createObjectURL(blob); var a=document.createElement('a'); a.href=url; a.download='hotel-guests.csv'; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); }); render(); window.HotelGuests = { load:load, save:save, render:render, edit:openForm, remove:removeGuest }; })(); // ============================================================ // STAFF & DUTY ROSTER MODULE // ============================================================ (function(){ var SK = 'hotel_staff_v1'; function load(){ return window._hotelStore.get(SK) || []; } function save(d){ window._hotelStore.set(SK, d); } function uid(){ return 's'+Date.now()+''+Math.random().toString(36).slice(2,7); } function esc(s){ var d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; } var sampleStaff = [ {id:uid(),name:'Sarah Connor',role:'Receptionist',dept:'Front Office',shift:'08:00 - 16:00',phone:'+1 555-9876',status:'on-duty'}, {id:uid(),name:'Kyle Reese',role:'Security',dept:'Security',shift:'16:00 - 00:00',phone:'+1 555-5555',status:'on-duty'}, {id:uid(),name:'Ellen Ripley',role:'Housekeeping',dept:'Housekeeping',shift:'06:00 - 14:00',phone:'+1 555-1234',status:'off-duty'}, {id:uid(),name:'James Hudson',role:'Chef',dept:'Kitchen',shift:'10:00 - 18:00',phone:'+1 555-4321',status:'on-duty'}, {id:uid(),name:'Maria Santos',role:'Manager',dept:'Management',shift:'09:00 - 17:00',phone:'+1 555-7777',status:'on-leave'} ]; if(!window._hotelStore.get(SK)) save(sampleStaff); var tbody = document.getElementById('staff-tbody'); var staffFormEl = document.getElementById('staffFormModal'); var modal = (window.bootstrap && staffFormEl) ? new bootstrap.Modal(staffFormEl) : null; var searchEl = document.getElementById('staff-search'); var filterEl = document.getElementById('staff-filter'); function renderKPI(){ var staff = load(); document.getElementById('staff-kpi-total').textContent = staff.length; document.getElementById('staff-kpi-onduty').textContent = staff.filter(function(s){return s.status==='on-duty'}).length; document.getElementById('staff-kpi-offduty').textContent = staff.filter(function(s){return s.status==='off-duty'}).length; document.getElementById('staff-kpi-leave').textContent = staff.filter(function(s){return s.status==='on-leave'}).length; } function render(){ var staff = load(); var q = (searchEl.value||'').toLowerCase(); var st = filterEl.value; var filtered = staff.filter(function(s){ var match = !q || (s.name||'').toLowerCase().indexOf(q)>=0 || (s.role||'').toLowerCase().indexOf(q)>=0 || (s.dept||'').toLowerCase().indexOf(q)>=0; if(st) match = match && s.status===st; return match; }); if(!filtered.length){ tbody.innerHTML='No staff found'; renderKPI(); return; } var badgeClass = {'on-duty':'badge-available','off-duty':'badge-occupied','on-leave':'badge-maintenance'}; tbody.innerHTML = filtered.map(function(s){ return ''+esc(s.name)+''+esc(s.role)+''+esc(s.dept)+''+esc(s.shift)+''+esc(s.phone)+''+esc(s.status)+' '; }).join(''); renderKPI(); } function openForm(id){ var s = id ? load().find(function(x){return x.id===id}) : null; document.getElementById('staff-id').value = s ? s.id : ''; document.getElementById('staff-name').value = s ? s.name : ''; document.getElementById('staff-role').value = s ? s.role||'Receptionist' : 'Receptionist'; document.getElementById('staff-dept').value = s ? s.dept||'' : ''; document.getElementById('staff-shift').value = s ? s.shift||'' : ''; document.getElementById('staff-phone').value = s ? s.phone||'' : ''; document.getElementById('staff-status').value = s ? s.status||'on-duty' : 'on-duty'; document.querySelector('#staffFormModal .modal-title').textContent = s ? 'Edit Staff' : 'Add Staff'; modal && modal.show(); } document.getElementById('staff-save-btn').addEventListener('click', function(){ var name = document.getElementById('staff-name').value.trim(); if(!name){alert('Name is required');return;} var staff = load(); var editId = document.getElementById('staff-id').value; if(editId){ var idx = staff.findIndex(function(x){return x.id===editId}); if(idx>=0){ staff[idx].name=name; staff[idx].role=document.getElementById('staff-role').value; staff[idx].dept=document.getElementById('staff-dept').value.trim(); staff[idx].shift=document.getElementById('staff-shift').value.trim(); staff[idx].phone=document.getElementById('staff-phone').value.trim(); staff[idx].status=document.getElementById('staff-status').value; } } else { staff.push({id:uid(),name:name,role:document.getElementById('staff-role').value,dept:document.getElementById('staff-dept').value.trim(),shift:document.getElementById('staff-shift').value.trim(),phone:document.getElementById('staff-phone').value.trim(),status:document.getElementById('staff-status').value}); } save(staff); modal && modal.hide(); render(); }); function removeStaff(id){ if(!confirm('Delete this staff member?')) return; var s=load().filter(function(x){return x.id!==id}); save(s); render(); } document.getElementById('staff-add-btn').addEventListener('click',function(){ openForm(); }); searchEl.addEventListener('input', render); filterEl.addEventListener('change', render); document.getElementById('staff-export-btn').addEventListener('click',function(){ var s = load(); var rows=[['Name','Role','Department','Shift','Phone','Status']]; s.forEach(function(x){ rows.push([x.name,x.role||'',x.dept||'',x.shift||'',x.phone||'',x.status||'']); }); var csv = rows.map(function(r){return r.map(function(c){return '"'+String(c).replace(/"/g,'""')+'"'}).join(',')}).join('\n'); var blob=new Blob([csv],{type:'text/csv'}); var url=URL.createObjectURL(blob); var a=document.createElement('a'); a.href=url; a.download='hotel-staff.csv'; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); }); render(); window.HotelStaff = { load:load, save:save, render:render, edit:openForm, remove:removeStaff }; })(); // ============================================================ // COMMUNICATION MODULE // ============================================================ (function(){ var CK = 'hotel_comms_v1'; function load(){ return window._hotelStore.get(CK) || []; } function save(d){ window._hotelStore.set(CK, d); } function uid(){ return 'cm'+Date.now()+''+Math.random().toString(36).slice(2,7); } function esc(s){ var d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; } var templates = { booking_confirm: {subject:'Booking Confirmed',body:'Dear {guest}, your reservation has been confirmed. We look forward to welcoming you!'}, welcome: {subject:'Welcome to Our Hotel',body:'Dear {guest}, welcome! We hope you have a wonderful stay with us.'}, checkout_reminder: {subject:'Check-out Reminder',body:'Dear {guest}, this is a friendly reminder that your check-out is scheduled for today. Please visit the front desk.'}, thank_you: {subject:'Thank You!',body:'Dear {guest}, thank you for staying with us. We hope to see you again soon!'} }; // seed sample comms if(!window._hotelStore.get(CK)){ save([ {id:uid(),date:new Date(Date.now()-86400000*2).toISOString(),guest:'Alice Johnson',channel:'sms',subject:'Welcome Message',body:'Dear Alice, welcome!',status:'sent'}, {id:uid(),date:new Date(Date.now()-86400000).toISOString(),guest:'Bob Williams',channel:'email',subject:'Booking Confirmed',body:'Dear Bob, your reservation has been confirmed.',status:'sent'} ]); } var commComposeEl = document.getElementById('commComposeModal'); var modal = (window.bootstrap && commComposeEl) ? new bootstrap.Modal(commComposeEl) : null; var logTbody = document.getElementById('comm-log-tbody'); var templatesWrap = document.getElementById('comm-templates-wrap'); var templateSelect = document.getElementById('comm-template'); var subjectEl = document.getElementById('comm-subject'); var bodyEl = document.getElementById('comm-body'); function renderKPI(){ var msgs = load(); document.getElementById('comm-kpi-sent').textContent = msgs.length; document.getElementById('comm-kpi-sms').textContent = msgs.filter(function(m){return m.channel==='sms'}).length; document.getElementById('comm-kpi-email').textContent = msgs.filter(function(m){return m.channel==='email'}).length; document.getElementById('comm-kpi-app').textContent = msgs.filter(function(m){return m.channel==='app'}).length; } function renderTemplates(){ var keys = Object.keys(templates); templatesWrap.innerHTML = keys.map(function(k){ var t = templates[k]; return '

'+esc(t.subject)+'
'+esc(t.body.substring(0,80))+'...

'; }).join(''); } function renderLog(){ var msgs = load().sort(function(a,b){return new Date(b.date)-new Date(a.date)}); if(!msgs.length){ logTbody.innerHTML='No messages sent yet'; renderKPI(); return; } logTbody.innerHTML = msgs.map(function(m){ return ''+new Date(m.date).toLocaleDateString()+''+esc(m.guest)+''+esc(m.channel.toUpperCase())+''+esc(m.subject)+' '+esc(m.status)+''; }).join(''); renderKPI(); } function useTemplate(key){ var t = templates[key]; if(t){ subjectEl.value = t.subject; bodyEl.value = t.body; templateSelect.value = key; } modal && modal.show(); } templateSelect.addEventListener('change',function(){ var k = templateSelect.value; if(k && templates[k]){ subjectEl.value = templates[k].subject; bodyEl.value = templates[k].body; } }); document.getElementById('comm-compose-btn').addEventListener('click',function(){ document.getElementById('comm-recipient').value=''; subjectEl.value=''; bodyEl.value=''; templateSelect.value=''; document.getElementById('comm-channel').value='sms'; modal && modal.show(); }); document.getElementById('comm-send-btn').addEventListener('click',function(){ var guest = document.getElementById('comm-recipient').value.trim(); if(!guest){alert('Recipient required');return;} var subject = subjectEl.value.trim()||'(no subject)'; var body = bodyEl.value.trim(); var channel = document.getElementById('comm-channel').value; var msgs = load(); msgs.push({id:uid(),date:new Date().toISOString(),guest:guest,channel:channel,subject:subject,body:body.replace('{guest}',guest),status:'sent'}); save(msgs); modal && modal.hide(); renderLog(); alert('Message sent to '+guest+' via '+channel.toUpperCase()); }); document.getElementById('comm-broadcast-btn').addEventListener('click',function(){ var guests = (window.HotelGuests && window.HotelGuests.load) ? window.HotelGuests.load() : []; if(!guests.length){alert('No guests in directory to broadcast to.');return;} var msg = prompt('Enter broadcast message:'); if(!msg) return; var channel = prompt('Channel? (sms/email/app)','sms')||'sms'; var msgs = load(); guests.forEach(function(g){ msgs.push({id:uid(),date:new Date().toISOString(),guest:g.name,channel:channel,subject:'Broadcast',body:msg,status:'sent'}); }); save(msgs); renderLog(); alert('Broadcast sent to '+guests.length+' guests via '+channel.toUpperCase()); }); document.getElementById('comm-export-btn').addEventListener('click',function(){ var msgs = load(); var rows=[['Date','Guest','Channel','Subject','Body','Status']]; msgs.forEach(function(m){ rows.push([m.date||'',m.guest||'',m.channel||'',m.subject||'',m.body||'',m.status||'']); }); var csv = rows.map(function(r){return r.map(function(c){return '"'+String(c).replace(/"/g,'""')+'"'}).join(',')}).join('\n'); var blob=new Blob([csv],{type:'text/csv'}); var url=URL.createObjectURL(blob); var a=document.createElement('a'); a.href=url; a.download='hotel-communications.csv'; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); }); renderTemplates(); renderLog(); window.HotelComms = { load:load, save:save, renderLog:renderLog, useTemplate:useTemplate }; })(); // ============================================================ // REPORTS MODULE (Chart.js) // ============================================================ (function(){ function getBookings(){ return window._hotelStore.get('hotel_bookings_v1') || []; } function getRooms(){ return window._hotelStore.get('hotel_rooms_v1') || []; } function getInvoices(){ return loadHotelInvoices(); } function esc(s){ var d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; } var revenueChart, occupancyChart, statusChart, typeChart; function daysBetween(a,b){ return Math.max(1, Math.round((new Date(b)-new Date(a))/(86400000))); } function buildReports(){ var days = parseInt(document.getElementById('report-range').value)||30; var cutoff = new Date(); cutoff.setDate(cutoff.getDate()-days); var bookings = getBookings(); var rooms = getRooms(); var invoices = getInvoices(); // filter bookings in range var inRange = bookings.filter(function(b){ return new Date(b.checkIn||b.date||0)>=cutoff; }); // KPI calculations var totalRev = 0; inRange.forEach(function(b){ totalRev += parseFloat(b.totalCost||b.rate||0); }); document.getElementById('rpt-total-rev').textContent = '$'+totalRev.toLocaleString(undefined,{minimumFractionDigits:0,maximumFractionDigits:0}); document.getElementById('rpt-total-book').textContent = inRange.length; var totalRooms = rooms.length || 1; var occDays = 0, totalDaysInRange = days; inRange.forEach(function(b){ var ci = new Date(b.checkIn||b.date), co = new Date(b.checkOut||ci); var n = daysBetween(ci,co); occDays += n; }); var avgOcc = Math.min(100, Math.round((occDays / (totalRooms * totalDaysInRange))*100)); document.getElementById('rpt-avg-occ').textContent = avgOcc + '%'; var avgRate = inRange.length ? Math.round(totalRev / Math.max(1, inRange.reduce(function(s,b){ return s+daysBetween(b.checkIn||b.date, b.checkOut||b.checkIn||b.date); },0))) : 0; document.getElementById('rpt-avg-rate').textContent = '$'+avgRate; // Revenue by Month (bar chart) var revByMonth = {}; inRange.forEach(function(b){ var d = new Date(b.checkIn||b.date); var key = d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0'); revByMonth[key] = (revByMonth[key]||0) + parseFloat(b.totalCost||b.rate||0); }); var revLabels = Object.keys(revByMonth).sort(); var revData = revLabels.map(function(k){return revByMonth[k]}); var revColors = revLabels.map(function(){return 'rgba(74,144,226,0.7)'}); if(revenueChart) revenueChart.destroy(); revenueChart = new Chart(document.getElementById('revenueChart').getContext('2d'),{ type:'bar', data:{labels:revLabels.map(function(l){var p=l.split('-');return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][parseInt(p[1])-1]+' '+p[0]}), datasets:[{label:'Revenue ($)',data:revData,backgroundColor:revColors,borderRadius:4}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{callback:function(v){return '$'+v}}}}} }); // Occupancy Trends (line chart) var occByMonth = {}; revLabels.forEach(function(k){ occByMonth[k]=0; }); inRange.forEach(function(b){ var d = new Date(b.checkIn||b.date); var key = d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0'); var n = daysBetween(b.checkIn||b.date, b.checkOut||b.checkIn||b.date); occByMonth[key] = (occByMonth[key]||0) + n; }); var occLabels = Object.keys(occByMonth).sort(); var daysPerMonth = 30; var occData = occLabels.map(function(k){return Math.min(100,Math.round((occByMonth[k]/(totalRooms*daysPerMonth))*100))}); if(occupancyChart) occupancyChart.destroy(); occupancyChart = new Chart(document.getElementById('occupancyChart').getContext('2d'),{ type:'line', data:{labels:occLabels.map(function(l){var p=l.split('-');return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][parseInt(p[1])-1]+' '+p[0]}), datasets:[{label:'Occupancy %',data:occData,borderColor:'#4a90e2',backgroundColor:'rgba(74,144,226,0.1)',fill:true,tension:0.3,pointRadius:4}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,max:100,ticks:{callback:function(v){return v+'%'}}}}} }); // Booking Status (doughnut chart) var statusCounts = {}; inRange.forEach(function(b){ var s = (b.status||'confirmed'); statusCounts[s] = (statusCounts[s]||0)+1; }); var statusLabels = Object.keys(statusCounts); var statusData = statusLabels.map(function(k){return statusCounts[k]}); var statusColors = statusLabels.map(function(s){ return s==='confirmed'?'#4caf50' : s==='checked-in'?'#2196f3' : s==='checked-out'?'#9e9e9e' : s==='cancelled'?'#f44336' : '#ff9800'; }); if(statusChart) statusChart.destroy(); statusChart = new Chart(document.getElementById('bookingStatusChart').getContext('2d'),{ type:'doughnut', data:{labels:statusLabels.map(function(s){return s.charAt(0).toUpperCase()+s.slice(1)}), datasets:[{data:statusData,backgroundColor:statusColors}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom'}}} }); // Room Type Popularity (pie chart) var typeCounts = {}; inRange.forEach(function(b){ var room = rooms.find(function(r){return r.id===b.roomId || r.number===b.room}); var t = room ? (room.type||'Standard') : (b.roomType||'Standard'); typeCounts[t] = (typeCounts[t]||0)+1; }); var typeLabels = Object.keys(typeCounts); var typeData = typeLabels.map(function(k){return typeCounts[k]}); var typeColors = ['#4a90e2','#50c878','#e6a23c','#f56c6c','#909399','#b37feb']; if(typeChart) typeChart.destroy(); typeChart = new Chart(document.getElementById('roomTypeChart').getContext('2d'),{ type:'pie', data:{labels:typeLabels, datasets:[{data:typeData,backgroundColor:typeColors.slice(0,typeLabels.length)}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom'}}} }); // Booking Details table var reportTbody = document.getElementById('report-bookings-tbody'); if(!inRange.length){ reportTbody.innerHTML='No bookings in selected period'; return; } reportTbody.innerHTML = inRange.sort(function(a,b){return new Date(b.checkIn||b.date)-new Date(a.checkIn||a.date)}).map(function(b){ var room = rooms.find(function(r){return r.id===b.roomId || r.number===b.room}); var nights = daysBetween(b.checkIn||b.date, b.checkOut||b.checkIn||b.date); var total = parseFloat(b.totalCost||b.rate||0); var rate = Math.round(total/nights); var sClass = b.status==='confirmed'?'badge-available': b.status==='checked-in'?'badge-occupied':'badge-maintenance'; return ''+esc(b.guestName||b.guest||'')+''+(room?esc(room.number):esc(b.room||''))+''+(b.checkIn||b.date||'')+''+(b.checkOut||'')+''+nights+'$'+rate+'$'+total.toLocaleString()+''+esc(b.status||'')+''; }).join(''); } document.getElementById('report-refresh').addEventListener('click', buildReports); document.getElementById('report-range').addEventListener('change', buildReports); document.getElementById('report-export-pdf').addEventListener('click',function(){ window.print(); }); buildReports(); window.HotelReports = { refresh: buildReports }; })(); // ============================================================ // DASHBOARD MODULE (Live KPIs + Charts) // ============================================================ (function(){ function getRooms(){ return window._hotelStore.get('hotel_rooms_v1') || []; } function getBookings(){ return window._hotelStore.get('hotel_bookings_v1') || []; } function getTasks(){ return window._hotelStore.get('hotel_housekeeping_v1') || []; } function getInvoices(){ return loadHotelInvoices(); } function esc(s){ var d=document.createElement('div'); d.textContent=s||''; return d.innerHTML; } var dashRevChart, dashRoomChart; function refreshDashboard(){ var rooms = getRooms(); var bookings = getBookings(); var tasks = getTasks(); var invoices = getInvoices(); var today = new Date().toISOString().slice(0,10); // Occupancy var occupied = rooms.filter(function(r){return r.status==='occupied'}).length; var total = rooms.length || 1; var pct = Math.round((occupied/total)*100); document.getElementById('dash-occ-pct').textContent = pct + '%'; document.getElementById('dash-occ-detail').textContent = occupied + '/' + total + ' Rooms'; // Today's check-ins / check-outs var checkIns = bookings.filter(function(b){return (b.checkIn||'').slice(0,10)===today}); var checkOuts = bookings.filter(function(b){return (b.checkOut||'').slice(0,10)===today}); var pendingIn = checkIns.filter(function(b){return b.status==='confirmed'}).length; document.getElementById('dash-checkins').textContent = checkIns.length; document.getElementById('dash-checkins-detail').textContent = pendingIn + ' pending'; document.getElementById('dash-checkouts').textContent = checkOuts.length; document.getElementById('dash-checkouts-detail').textContent = checkOuts.filter(function(b){return b.status==='checked-out'}).length + ' completed'; // Monthly Revenue from invoices var now = new Date(), m = now.getMonth(), y = now.getFullYear(); var monthRev = 0; invoices.forEach(function(inv){ var d = new Date(inv.date||inv.created||0); if(d.getMonth()===m && d.getFullYear()===y) monthRev += parseFloat(inv.total||inv.amount||0); }); // Also count bookings revenue for this month bookings.forEach(function(b){ var d = new Date(b.checkIn||b.date||0); if(d.getMonth()===m && d.getFullYear()===y) monthRev += parseFloat(b.totalCost||b.rate||0); }); document.getElementById('dash-revenue').textContent = '$'+monthRev.toLocaleString(undefined,{minimumFractionDigits:0,maximumFractionDigits:0}); document.getElementById('dash-revenue-detail').textContent = new Date().toLocaleString('default',{month:'long'})+' '+y; // Today's Arrivals table var arrTbody = document.getElementById('dash-arrivals-tbody'); if(!checkIns.length){ arrTbody.innerHTML='No arrivals today'; } else { arrTbody.innerHTML = checkIns.map(function(b){ var room = rooms.find(function(r){return r.id===b.roomId || r.number===b.room}); var sClass = b.status==='checked-in'?'badge-available':'badge-maintenance'; return ''+esc(b.guestName||b.guest||'')+''+(room?esc(room.number||room.type||''):esc(b.room||''))+''+esc(b.status||'Pending')+''; }).join(''); } // Housekeeping Status var available = rooms.filter(function(r){return r.status==='available'}).length; var cleaning = tasks.filter(function(t){return t.status==='in-progress'||t.status==='pending'}).length; var maint = rooms.filter(function(r){return r.status==='maintenance'}).length; document.getElementById('dash-hk-available').querySelector('strong').textContent = available + ' Rooms'; document.getElementById('dash-hk-cleaning').querySelector('strong').textContent = cleaning + ' Rooms'; document.getElementById('dash-hk-maint').querySelector('strong').textContent = maint + ' Rooms'; document.getElementById('dash-hk-occupied').querySelector('strong').textContent = occupied + ' Rooms'; // Revenue chart (last 7 days) var revLabels = [], revData = []; for(var i=6;i>=0;i--){ var d = new Date(); d.setDate(d.getDate()-i); var ds = d.toISOString().slice(0,10); revLabels.push(d.toLocaleDateString('default',{weekday:'short'})); var dayRev = 0; bookings.forEach(function(b){ if((b.checkIn||b.date||'').slice(0,10)===ds) dayRev += parseFloat(b.totalCost||b.rate||0); }); invoices.forEach(function(inv){ if((inv.date||inv.created||'').slice(0,10)===ds) dayRev += parseFloat(inv.total||inv.amount||0); }); revData.push(dayRev); } if(dashRevChart) dashRevChart.destroy(); dashRevChart = new Chart(document.getElementById('dashRevenueChart').getContext('2d'),{ type:'bar', data:{labels:revLabels, datasets:[{label:'Revenue ($)',data:revData,backgroundColor:'rgba(74,144,226,0.7)',borderRadius:4}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{callback:function(v){return '$'+v}}}}} }); // Room Status doughnut var statusCounts = {Available:available, Occupied:occupied, Maintenance:maint}; var reserved = rooms.filter(function(r){return r.status==='reserved'}).length; if(reserved) statusCounts['Reserved'] = reserved; var sLabels = Object.keys(statusCounts); var sData = sLabels.map(function(k){return statusCounts[k]}); var sColors = sLabels.map(function(s){return s==='Available'?'#4caf50':s==='Occupied'?'#2196f3':s==='Maintenance'?'#ff9800':'#9c27b0'}); if(dashRoomChart) dashRoomChart.destroy(); dashRoomChart = new Chart(document.getElementById('dashRoomStatusChart').getContext('2d'),{ type:'doughnut', data:{labels:sLabels, datasets:[{data:sData,backgroundColor:sColors}]}, options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom'}}} }); } // New Reservation button -> switch to reservations section document.getElementById('dash-new-res').addEventListener('click',function(){ var navLinks = document.querySelectorAll('.sidebar a'); navLinks.forEach(function(l){ if(l.getAttribute('data-section')==='reservations') l.click(); }); }); // Refresh dashboard when section is shown var observer = new MutationObserver(function(mutations){ mutations.forEach(function(m){ if(m.target.id==='dashboard' && m.target.classList.contains('active')) refreshDashboard(); }); }); var dashSection = document.getElementById('dashboard'); if(dashSection) observer.observe(dashSection,{attributes:true,attributeFilter:['class']}); refreshDashboard(); window.HotelDashboard = { refresh: refreshDashboard }; })(); window.addEventListener('message',function(ev){ try{ if(ev&&ev.data&&ev.data.type==='elinom:region') applyRegion(ev.data.payload); }catch(e){} },false); try{ var saved=localStorage.getItem('elinom_selected_country'); if(saved) applyRegion(JSON.parse(saved)); }catch(e){} });