const dp = new DayPilot.Scheduler("dp", {
    // view
    startDate: new DayPilot.Date("2025-01-01"),
    days: 365,
    scale: "Day",
    timeHeaders: [
        {groupBy: "Month"},
        {groupBy: "Day", format: "d"}
    ],
    resources: [
        {name: "Room A", id: "A"},
        {name: "Room B", id: "B"},
        {name: "Room C", id: "C"},
        {name: "Room D", id: "D"},
        {name: "Room E", id: "E"},
        {name: "Room F", id: "F"},
        {name: "Room G", id: "G"},
        {name: "Room H", id: "H"},
        {name: "Room I", id: "I"},
        {name: "Room J", id: "J"},
    ],
    onBeforeCellRender: args => {
        if (args.cell.start.getDayOfWeek() === 6 || args.cell.start.getDayOfWeek() === 0) {
            args.cell.backColor = "#d9ead3";
        }
    },
    onTimeRangeSelected: async args => {
        const modal = await DayPilot.Modal.prompt("New event name:", "Event");
        dp.clearSelection();
        if (modal.canceled) {
            return;
        }
        dp.events.add({
            start: args.start,
            end: args.end,
            id: DayPilot.guid(),
            resource: args.resource,
            text: modal.result
        });
        dp.message("Created");
    }
});
dp.init();