{"id":24,"date":"2026-05-30T15:45:56","date_gmt":"2026-05-30T15:45:56","guid":{"rendered":"https:\/\/seatmap.webkodingtheme.com\/wp\/demo-beach\/"},"modified":"2026-06-27T18:49:28","modified_gmt":"2026-06-27T18:49:28","slug":"demo-beach","status":"publish","type":"page","link":"https:\/\/seatmap.webkodingtheme.com\/wp\/demo-beach\/","title":{"rendered":"Beach Demo"},"content":{"rendered":"<p style=\"font-size:1.05em;color:#555;margin-bottom:1.5em\">Book sunbeds for the day. Demonstrates <strong>multi-select<\/strong> with premium ocean-front vs standard rows and per-zone pricing.<\/p>\n<div class=\"srm-map-wrap\"\n     id=\"srm-map-20\"\n     data-map-id=\"20\"\n     data-require-date=\"1\"\n     data-allow-range=\"0\"\n     data-multi-select=\"1\"\n     data-use-wc=\"1\"\n     data-require-phone=\"0\"\n     data-show-labels=\"1\"\n     data-enable-filter=\"1\"\n     data-enable-overlay=\"1\"\n     data-enable-share=\"1\"\n     data-color-available=\"#30d158\"\n     data-color-reserved=\"#ff3b30\"\n     data-color-selected=\"#0071e3\"\n     data-currency=\"\"\n     data-image=\"http:\/\/seatmap.webkodingtheme.com\/wp\/wp-content\/plugins\/seat-reservation-map\/assets\/demo\/beach.svg\"\n     data-time-start=\"09:00\"\n     data-time-end=\"18:00\"\n     data-time-interval=\"300\"\n     data-window-days=\"60\"\n     data-lead-hours=\"0\"\n     data-schedule=\"[]\"\n     data-require-time=\"0\"\n     data-date-from=\"\"\n     data-date-to=\"\"\n     data-pricing=\"[{&quot;days&quot;:&quot;all&quot;,&quot;mode&quot;:&quot;fixed&quot;,&quot;value&quot;:250,&quot;months&quot;:[7]},{&quot;days&quot;:&quot;all&quot;,&quot;mode&quot;:&quot;fixed&quot;,&quot;value&quot;:300,&quot;months&quot;:[8]}]\"\n     data-seats=\"[{&quot;id&quot;:&quot;front1&quot;,&quot;label&quot;:&quot;F1&quot;,&quot;type&quot;:&quot;vip&quot;,&quot;price&quot;:250,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#ff9f0a&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:6,&quot;y&quot;:26,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;front2&quot;,&quot;label&quot;:&quot;F2&quot;,&quot;type&quot;:&quot;vip&quot;,&quot;price&quot;:250,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#ff9f0a&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:21,&quot;y&quot;:26,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;front3&quot;,&quot;label&quot;:&quot;F3&quot;,&quot;type&quot;:&quot;vip&quot;,&quot;price&quot;:250,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#ff9f0a&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:36,&quot;y&quot;:26,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;front4&quot;,&quot;label&quot;:&quot;F4&quot;,&quot;type&quot;:&quot;vip&quot;,&quot;price&quot;:250,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#ff9f0a&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:51,&quot;y&quot;:26,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;front5&quot;,&quot;label&quot;:&quot;F5&quot;,&quot;type&quot;:&quot;vip&quot;,&quot;price&quot;:250,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#ff9f0a&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:66,&quot;y&quot;:26,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;front6&quot;,&quot;label&quot;:&quot;F6&quot;,&quot;type&quot;:&quot;vip&quot;,&quot;price&quot;:250,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#ff9f0a&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:81,&quot;y&quot;:26,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;back1&quot;,&quot;label&quot;:&quot;B1&quot;,&quot;type&quot;:&quot;standard&quot;,&quot;price&quot;:100,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#30d158&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:6,&quot;y&quot;:54,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;back2&quot;,&quot;label&quot;:&quot;B2&quot;,&quot;type&quot;:&quot;standard&quot;,&quot;price&quot;:100,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#30d158&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:21,&quot;y&quot;:54,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;back3&quot;,&quot;label&quot;:&quot;B3&quot;,&quot;type&quot;:&quot;standard&quot;,&quot;price&quot;:100,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#30d158&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:36,&quot;y&quot;:54,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;back4&quot;,&quot;label&quot;:&quot;B4&quot;,&quot;type&quot;:&quot;standard&quot;,&quot;price&quot;:100,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#30d158&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:51,&quot;y&quot;:54,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;back5&quot;,&quot;label&quot;:&quot;B5&quot;,&quot;type&quot;:&quot;standard&quot;,&quot;price&quot;:100,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#30d158&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:66,&quot;y&quot;:54,&quot;width&quot;:11,&quot;height&quot;:18},{&quot;id&quot;:&quot;back6&quot;,&quot;label&quot;:&quot;B6&quot;,&quot;type&quot;:&quot;standard&quot;,&quot;price&quot;:100,&quot;capacity&quot;:2,&quot;color&quot;:&quot;#30d158&quot;,&quot;shape&quot;:&quot;rect&quot;,&quot;x&quot;:81,&quot;y&quot;:54,&quot;width&quot;:11,&quot;height&quot;:18}]\">\n\n\t\t<h2 class=\"srm-map__title\">Beach \u2014 Sunbed Booking<\/h2>\n\t\n\t\t<div class=\"srm-toolbar\">\n\t\t\t\t<input type=\"search\" name=\"srm_filter_search\" autocomplete=\"off\" class=\"srm-input srm-filter-search\" placeholder=\"Search\u2026\" aria-label=\"Search areas\" \/>\n\t\t<select class=\"srm-input srm-filter-status\" name=\"srm_filter_status\" aria-label=\"Filter by availability\">\n\t\t\t<option value=\"\">Any status<\/option>\n\t\t\t<option value=\"available\">Available only<\/option>\n\t\t<\/select>\n\t\t<input type=\"number\" min=\"0\" name=\"srm_filter_price\" autocomplete=\"off\" class=\"srm-input srm-filter-price\" placeholder=\"Max price\" aria-label=\"Maximum price\" \/>\n\t\t\t\t<select class=\"srm-input srm-filter-zone\" name=\"srm_filter_zone\" hidden aria-label=\"Filter by zone\">\n\t\t\t<option value=\"\">All zones<\/option>\n\t\t<\/select>\n\t\t<label class=\"srm-filter-access\" hidden>\n\t\t\t<input type=\"checkbox\" name=\"srm_filter_access\" class=\"srm-filter-access-cb\" \/>\n\t\t\t<span class=\"srm-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"4\" r=\"2\"\/><path d=\"M10 6v6h6l2.5 5\"\/><path d=\"M10.5 12a5.5 5.5 0 1 0 4.5 8.6\"\/><\/svg><\/span> Accessible\t\t<\/label>\n\t\t<button type=\"button\" class=\"srm-btn srm-btn--ghost srm-filter-clear\">\n\t\t\t<span class=\"srm-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg><\/span>\n\t\t\t<span class=\"srm-btn__label\">Clear<\/span>\n\t\t<\/button>\n\t\t<span class=\"srm-filter-count\" aria-live=\"polite\"><\/span>\n\t\t\t\t<span class=\"srm-toolbar__spacer\"><\/span>\n\t\t\t\t<button type=\"button\" class=\"srm-btn srm-btn--ghost srm-tool-overlay\" aria-pressed=\"false\">\n\t\t\t<span class=\"srm-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\n\t\t\t<span class=\"srm-btn__label\">Hide seats<\/span>\n\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"srm-btn srm-btn--ghost srm-tool-share\">\n\t\t\t<span class=\"srm-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><path d=\"m8.6 13.5 6.8 4M15.4 6.5l-6.8 4\"\/><\/svg><\/span>\n\t\t\t<span class=\"srm-btn__label\">Share<\/span>\n\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"srm-btn srm-btn--ghost srm-tool-print\">\n\t\t\t<span class=\"srm-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"\/><path d=\"M6 14h12v8H6z\"\/><\/svg><\/span>\n\t\t\t<span class=\"srm-btn__label\">Print<\/span>\n\t\t<\/button>\n\t\t\t<\/div>\n\t\n\t\t<div class=\"srm-manifest\" hidden aria-hidden=\"true\"><\/div>\n\n\t<div class=\"srm-map-body srm-map-body--with-date\">\n\t\t\t\t<div class=\"srm-datepicker-wrap\">\n\t\t\t<div class=\"srm-datepicker\">\n\t\t\t\t<div class=\"srm-datepicker__header\">\n\t\t\t\t\t<button class=\"srm-dp-prev\" aria-label=\"Previous month\">&#8592;<\/button>\n\t\t\t\t\t<span class=\"srm-dp-title\"><\/span>\n\t\t\t\t\t<button class=\"srm-dp-next\" aria-label=\"Next month\">&#8594;<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"srm-datepicker__grid\"><\/div>\n\t\t\t\t<div class=\"srm-timepicker\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"srm-canvas-container\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/seatmap.webkodingtheme.com\/wp\/wp-content\/plugins\/seat-reservation-map\/assets\/demo\/beach.svg\"\n\t\t\t     alt=\"Beach \u2014 Sunbed Booking\"\n\t\t\t     class=\"srm-map__image\"\n\t\t\t     draggable=\"false\" \/>\n\t\t\t\t\t\t<svg class=\"srm-map__svg\" aria-label=\"Reservation map \u2014 select an available area\" role=\"group\" aria-roledescription=\"Interactive seat map\"><\/svg>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<div class=\"srm-legend\">\n\t\t<span class=\"srm-legend__item srm-legend__item--available\">Available<\/span>\n\t\t\t\t<span class=\"srm-legend__item srm-legend__item--vip\">VIP \/ Premium<\/span>\n\t\t\t\t<span class=\"srm-legend__item srm-legend__item--selected\">Selected<\/span>\n\t\t<span class=\"srm-legend__item srm-legend__item--reserved\">Reserved<\/span>\n\t<\/div>\n\n\t<!-- Screen-reader live region: announces selection \/ price changes. -->\n\t<div class=\"srm-sr-live\" aria-live=\"polite\" role=\"status\"><\/div>\n\n\t<div class=\"srm-summary-bar\" hidden>\n\t\t<div class=\"srm-summary-bar__info\"><\/div>\n\t\t<label class=\"srm-party-wrap\" hidden>\n\t\t\t<span class=\"srm-party-label\">Guests<\/span>\n\t\t\t<select class=\"srm-party-select\" name=\"srm_party_size\"><\/select>\n\t\t<\/label>\n\t\t<button class=\"srm-summary-bar__btn srm-btn srm-btn--primary\">Make Reservation \u2192<\/button>\n\t<\/div>\n\n\t<!-- Guest form (shown when WooCommerce not active) -->\n\t<div class=\"srm-guest-form\" hidden>\n\t\t<h3>Complete Reservation<\/h3>\n\t\t<label>Name\t\t\t<input type=\"text\" name=\"srm_name\" class=\"srm-input\" required \/>\n\t\t<\/label>\n\t\t<label>Email\t\t\t<input type=\"email\" name=\"srm_email\" class=\"srm-input\" required \/>\n\t\t<\/label>\n\t\t<label>Phone <span class=\"srm-optional\">(optional)<\/span>\t\t\t<input type=\"tel\" name=\"srm_phone\" class=\"srm-input\"  \/>\n\t\t<\/label>\n\t\t<button type=\"button\" class=\"srm-btn srm-btn--primary srm-guest-form__submit\">\n\t\t\tConfirm Reservation\t\t<\/button>\n\t\t<button type=\"button\" class=\"srm-btn srm-guest-form__cancel\">\n\t\t\tCancel\t\t<\/button>\n\t<\/div>\n\n\t<!-- Tooltip -->\n\t<div class=\"srm-tooltip srm-card-glass\" hidden><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Book sunbeds for the day. Demonstrates multi-select with premium ocean-front vs standard rows and per-zone pricing.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":1,"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/pages\/24\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/seatmap.webkodingtheme.com\/wp\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}