Display a seating chart with booking functionality

by seatsio

HTML

<h1>Booking Hall</h1>
<div id="chart"></div>
<script src="https://cdn-eu.seatsio.net/chart.js"></script>
<script>
new seatsio.SeatingChart({
divId: 'chart',
workspaceKey: '7d944776-31b4-47bd-8892-14c5db2c52e8', // <- Change this to your public key
event: 'M26-FINAL', // <- Change this to your event key
popoverInfo: function(object) {
if (object.objectType === "section") {
return "[b]Section:[/b] " + object.label;
}
return "[b]Seat:[/b] " + object.label +
"[br/][i]Category:[/i] " + object.categoryLabel +
"[br/][i]Price:[/i] " + object.formattedPrice;
},
}).render();
</script>