[{"command":"add_css","data":[{"rel":"stylesheet","media":"all","href":"\/sites\/sport-leisure\/files\/css\/css_4Qh51BrAUo4IgfPF9UGAKYHN-1OhbDxWys2w-BUmXRg.css?delta=0\u0026language=en-gb\u0026theme=sport_leisure\u0026include=eJwrzYwvSCwpSS3KK9ZPyy_Kjc_MKygt0SsuqcxJBQCnFQuA"}]},{"command":"openDialog","selector":"#sport-leisure-modal","settings":null,"data":"\n\n\u003C!-- THEME DEBUG --\u003E\n\u003C!-- THEME HOOK: \u0027form\u0027 --\u003E\n\u003C!-- FILE NAME SUGGESTIONS:\n   \u25aa\ufe0f form--coach-popup-form.html.twig\n   \u25aa\ufe0f form--coach-popup-form.html.twig\n   \u25aa\ufe0f form--coach-popup-form.html.twig\n   \u25aa\ufe0f form--coach-popup-form.html.twig\n   \u2705 form.html.twig\n--\u003E\n\u003C!-- BEGIN OUTPUT from \u0027core\/themes\/stable9\/templates\/form\/form.html.twig\u0027 --\u003E\n\u003Cform class=\u0022coach-popup-form\u0022 data-drupal-selector=\u0022coach-popup-form\u0022 action=\u0022\/ajax\/coach\/101\u0022 method=\u0022post\u0022 id=\u0022coach-popup-form\u0022 accept-charset=\u0022UTF-8\u0022\u003E\n  \n\n\u003C!-- THEME DEBUG --\u003E\n\u003C!-- THEME HOOK: \u0027input__hidden\u0027 --\u003E\n\u003C!-- FILE NAME SUGGESTIONS:\n   \u25aa\ufe0f input--hidden.html.twig\n   \u25aa\ufe0f input--hidden--form-9FConjDjHd4jzBUvulP-wJOfRvA11AsQn-9TBclurLM.html.twig\n   \u25aa\ufe0f input--hidden--form-build-id.html.twig\n   \u25aa\ufe0f input--hidden--form-9FConjDjHd4jzBUvulP-wJOfRvA11AsQn-9TBclurLM.html.twig\n   \u25aa\ufe0f input--hidden--form-build-id.html.twig\n   \u2705 input.html.twig\n--\u003E\n\u003C!-- \ud83d\udca1 BEGIN CUSTOM TEMPLATE OUTPUT from \u0027themes\/custom\/sport-leisure\/templates\/form\/input.html.twig\u0027 --\u003E\n\n\n\u003C!-- THEME DEBUG --\u003E\n\u003C!-- THEME HOOK: \u0027pattern_form_input\u0027 --\u003E\n\u003C!-- FILE NAME SUGGESTIONS:\n   \u25aa\ufe0f pattern-form-input--variant-hidden.html.twig\n   \u25aa\ufe0f pattern-form-input.html.twig\n--\u003E\n\u003C!-- BEGIN OUTPUT from \u0027modules\/contrib\/ui_patterns\/templates\/patterns-use-wrapper.html.twig\u0027 --\u003E\n\n\n\n  \n        \n  \n      \u003Cinput  autocomplete=\u0022off\u0022 data-drupal-selector=\u0022form-9fconjdjhd4jzbuvulp-wjofrva11asqn-9tbclurlm\u0022 type=\u0022hidden\u0022 name=\u0022form_build_id\u0022 value=\u0022form-9FConjDjHd4jzBUvulP_wJOfRvA11AsQn_9TBclurLM\u0022 class=\u0022a-form-hidden a-form-input--green a-form-input__hidden\u0022 id=\u0022form_build_id\u0022 \/\u003E\n    \n  \n\u003C!-- END OUTPUT from \u0027modules\/contrib\/ui_patterns\/templates\/patterns-use-wrapper.html.twig\u0027 --\u003E\n\n\n\n\u003C!-- END CUSTOM TEMPLATE OUTPUT from \u0027themes\/custom\/sport-leisure\/templates\/form\/input.html.twig\u0027 --\u003E\n\n\n\n\u003C!-- THEME DEBUG --\u003E\n\u003C!-- THEME HOOK: \u0027input__hidden\u0027 --\u003E\n\u003C!-- FILE NAME SUGGESTIONS:\n   \u25aa\ufe0f input--hidden.html.twig\n   \u25aa\ufe0f input--hidden--edit-coach-popup-form.html.twig\n   \u25aa\ufe0f input--hidden--form-id.html.twig\n   \u25aa\ufe0f input--hidden--edit-coach-popup-form.html.twig\n   \u25aa\ufe0f input--hidden--form-id.html.twig\n   \u2705 input.html.twig\n--\u003E\n\u003C!-- \ud83d\udca1 BEGIN CUSTOM TEMPLATE OUTPUT from \u0027themes\/custom\/sport-leisure\/templates\/form\/input.html.twig\u0027 --\u003E\n\n\n\u003C!-- THEME DEBUG --\u003E\n\u003C!-- THEME HOOK: \u0027pattern_form_input\u0027 --\u003E\n\u003C!-- FILE NAME SUGGESTIONS:\n   \u25aa\ufe0f pattern-form-input--variant-hidden.html.twig\n   \u25aa\ufe0f pattern-form-input.html.twig\n--\u003E\n\u003C!-- BEGIN OUTPUT from \u0027modules\/contrib\/ui_patterns\/templates\/patterns-use-wrapper.html.twig\u0027 --\u003E\n\n\n\n  \n        \n  \n      \u003Cinput  data-drupal-selector=\u0022edit-coach-popup-form\u0022 type=\u0022hidden\u0022 name=\u0022form_id\u0022 value=\u0022coach_popup_form\u0022 class=\u0022a-form-hidden a-form-input--green a-form-input__hidden\u0022 id=\u0022form_id\u0022 \/\u003E\n    \n  \n\u003C!-- END OUTPUT from \u0027modules\/contrib\/ui_patterns\/templates\/patterns-use-wrapper.html.twig\u0027 --\u003E\n\n\n\n\u003C!-- END CUSTOM TEMPLATE OUTPUT from \u0027themes\/custom\/sport-leisure\/templates\/form\/input.html.twig\u0027 --\u003E\n\n\n\u003C\/form\u003E\n\n\u003C!-- END OUTPUT from \u0027core\/themes\/stable9\/templates\/form\/form.html.twig\u0027 --\u003E\n\n","dialogOptions":{"width":"100%","minWidth":"100%","maxWidth":"100%","height":"100%","minHeight":"100%","maxHeight":"100%","resizable":false,"selector":"#sport-leisure-modal","progress":{"type":"none"},"modal":false,"buttons":[],"drupalAutoButtons":false,"classes":{"ui-dialog":["sport-leisure-modal fixed top-0 left-0 right-0 z-50 w-full overflow-x-hidden overflow-y-auto md:inset-0 md:h-full"],"ui-dialog-titlebar":["hidden"],"ui-widget-overlay":["opacity-70"]},"title":"sport-leisure-modal"}},{"command":"insert","method":"html","selector":"#form-ajax-wrapper","data":"\u003Cstyle\u003E\r\n.form-container {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    padding-left: 20px; \/* desktop\/tablet indent *\/\r\n    transition: padding-left 0.3s ease;\r\n}\r\n\r\n.form-container iframe {\r\n    border: none;\r\n    width: 100%;\r\n    max-width: 800px;\r\n    opacity: 0; \/* start invisible *\/\r\n    transform: translateY(10px); \/* slide-up start *\/\r\n    border-radius: 8px;\r\n    transition:\r\n        opacity 0.5s ease,\r\n        transform 0.5s ease,\r\n        width 0.3s ease,\r\n        max-width 0.3s ease;\r\n}\r\n\r\n\/* Mobile (\u003C= 600px) *\/\r\n@media (max-width: 600px) {\r\n    .form-container {\r\n        padding-left: 5%;\r\n        justify-content: center;\r\n    }\r\n    .form-container iframe {\r\n        width: 95%;\r\n        max-width: none;\r\n    }\r\n}\r\n\r\n\/* Very small phones (\u003C= 400px) *\/\r\n@media (max-width: 400px) {\r\n    .form-container {\r\n        padding-left: 0;\r\n        justify-content: center;\r\n    }\r\n    .form-container iframe {\r\n        width: 100%;\r\n    }\r\n}\r\n\u003C\/style\u003E\r\n\r\n\u003Cdiv class=\u0022form-container\u0022\u003E\r\n    \u003Ciframe id=\u0022tfaForm\u0022 src=\u0022https:\/\/royalparks.tfaforms.net\/f\/coachingbookingrequeststaweel\u0022 width=\u0022100%\u0022 height=\u0022800\u0022 frameborder=\u00220\u0022\u003E\u003C\/iframe\u003E\r\n\u003C\/div\u003E\r\n\r\n\u003Cscript src=\u0022https:\/\/royalparks.tfaforms.net\/js\/iframe_resize_helper.js\u0022\u003E\u003C\/script\u003E\r\n\u003Cscript\u003E\r\n(function() {\r\n    var iframe = document.getElementById(\u0027tfaForm\u0027);\r\n    var hasAnimated = false;\r\n\r\n    \/\/ Fade + slide only on first load\r\n    iframe.addEventListener(\u0027load\u0027, function() {\r\n        if (!hasAnimated) {\r\n            setTimeout(function() {\r\n                iframe.style.opacity = \u00271\u0027;\r\n                iframe.style.transform = \u0027translateY(0)\u0027;\r\n                hasAnimated = true;\r\n            }, 200);\r\n        } else {\r\n            iframe.style.opacity = \u00271\u0027;\r\n            iframe.style.transform = \u0027translateY(0)\u0027;\r\n        }\r\n    });\r\n})();\r\n\u003C\/script\u003E","settings":null}]