{"id":10143,"date":"2026-06-17T20:01:01","date_gmt":"2026-06-17T09:01:01","guid":{"rendered":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/?page_id=10143"},"modified":"2026-06-24T21:12:09","modified_gmt":"2026-06-24T10:12:09","slug":"event-form","status":"publish","type":"page","link":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/","title":{"rendered":"Event Venue Form"},"content":{"rendered":"\n<style>\n        \/* Define each static weight separately *\/\n        @font-face {\n            font-family: 'Awesome Serif';\n            src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/86480f0e74fbb429946313dfc387f0edaf50df60\/awesome\/reguler\/AwesomeSerif-Regular.otf') format('opentype');\n            font-weight: 400; \/* Normal\/Regular *\/\n            font-style: normal;\n        }\n\n        @font-face {\n            font-family: 'Awesome Serif';\n            src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/86480f0e74fbb429946313dfc387f0edaf50df60\/awesome\/reguler\/AwesomeSerif-MediumRegular.otf') format('opentype');\n            font-weight: 500; \/* Medium *\/\n            font-style: normal;\n        }\n\n        @font-face {\n            font-family: 'Awesome Serif';\n            src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/86480f0e74fbb429946313dfc387f0edaf50df60\/awesome\/reguler\/AwesomeSerif-BoldRegular.otf') format('opentype');\n            font-weight: 700; \/* Bold *\/\n            font-style: normal;\n        }\n\n        \/* Define Italics separately if you have them *\/\n        \/* @font-face {\n            font-family: 'Awesome Serif';\n            src: url('path-to-italic.otf') format('opentype');\n            font-weight: 400;\n            font-style: italic;\n        } *\/\n\n        .vertical-scroll-box {\n            max-height: 100vh; \/* Adjust height as needed *\/\n            overflow-y: scroll;\n        }\n\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            \/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; *\/\n            \/* font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; *\/\n            font-family: \"Cadiz\", \"Helvetica Neue\", Arial, sans-serif;\n            \/* font-family: \"Playfair Display\", Georgia, serif; *\/\n            background: #ffffff;\n            line-height: 1.5;\n            \/* color: #333; *\/\n        }\n\n        \/* MAIN CONTAINER - FULL WIDTH BACKGROUND, CONTENT HORIZONTALLY CENTERED *\/\n        .container-full {\n            width: 100%;\n            max-width: 1400px;\n            padding: 0 auto;   \/* horizontal centering *\/\n            background: #fff;\n            box-shadow: 0 0 20px rgba(0,0,0,0.05);\n        }\n\n        \/* INNER CONTAINER - CENTERS ALL CHILDREN CONTENT *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;   \/* horizontal centering *\/\n            padding: 0 15px;\n        }\n\n        \/* ROW SYSTEM - FLEXIBLE WITH CENTER ALIGNMENT OPTIONS *\/\n        .row {\n            display: flex;\n            flex-wrap: wrap;\n            margin: 0 -15px;\n            justify-content: center; \/* ensures columns are centered if they don't fill full width *\/\n        }\n\n        \/* COLUMNS *\/\n        .col-md-6 {\n            width: 50%;\n            padding: 0 15px;\n        }\n\n        \/* LEFT SIDE - Background Image *\/\n        .multi_content_left {\n            position: relative;\n            min-height: 600px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .multi_content_left .bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-size: cover;\n            background-position: center;\n            border-radius: 12px;\n        }\n\n        \/* RIGHT SIDE CONTENT *\/\n        .multi_content_right {\n            padding: 40px 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .content_main {\n            max-width: 100%;\n            margin: 0 auto;   \/* center internal blocks if needed *\/\n            width: 100%;\n        }\n\n        .head-content {\n            padding: 24px 24px 32px;\n        }\n\n        \/* Typography - central alignment for headings\/text that benefit *\/\n        .page_title {\n            font-size: 48px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n            color: #fff;\n            text-align: center;   \/* keep original left alignment for clean look, but container is centered *\/\n        }\n\n        .hotel_theme_color {\n            color: #85cf9b!important;\n        }\n\n        h4 {\n            font-size: 20px;\n            font-weight: 500;\n            margin-bottom: 16px;\n            color: #fff;\n            text-align: left;\n        }\n\n        .content {\n            background-color: #141414;\n            \/* padding: 0 0 20px 0; *\/\n        }\n\n        .content h1 {\n            font-size: 4.8rem;\n            line-height: 5.8rem;\n            font-weight: 600;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n        }\n\n        .content h4 {\n            font-size: 1.8rem;\n            font-weight: 400;\n            margin: 0;\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n\n        .content p {\n            font-size: 12px;\n            color: #fff;\n            margin-bottom: 30px;\n            text-align: center;\n        }\n\n        .text-center {\n            text-align: center;\n        }\n\n        \/* FORM SECTION FULLY CENTERED HORIZONTALLY *\/\n        .contact_form_ask {\n            background-color: #eaeaea;\n            \/* border-radius: 16px; *\/\n            padding: 30px 25px;\n            margin: 0 auto;   \/* horizontal centering *\/\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .contact_form_ask h3 {\n            font-size: 28px;\n            font-weight: 400;\n            margin-bottom: 16px;\n            color: #222;\n            text-align: center; \/* centered heading *\/\n        }\n\n        .contact_form_ask > p {\n            font-size: 14px;\n            \/* color: #666; *\/\n            max-width: 800px;\n            margin: 0 auto 20px;  \/* horizontally centered paragraph *\/\n            line-height: 1.6;\n            text-align: center;\n        }\n\n        \/* Form Styles - all inputs within centered container *\/\n        .contact_form_ask_col {\n            margin-bottom: 0;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n            width: 100%;\n        }\n\n        label {\n            display: block;\n            font-weight: 500;\n            margin-bottom: 8px;\n            color: #333;\n            font-size: 14px;\n            text-align: left;\n        }\n\n        .cadiz-text-normal {\n            font-family: \"Cadiz\", \"Helvetica Neue\", Arial, sans-serif;\n            font-weight: 400;\n            letter-spacing: 0.01em;\n            line-height: 1.2; \/* Changed from 0 for better mobile readability *\/\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .form-control {\n            width: 100%;\n            font-family: \"Cadiz\", \"Helvetica Neue\", Arial, sans-serif;\n            padding: 12px 16px;\n            font-size: 15px;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n            background: #fff;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .form-control:focus {\n            outline: none;\n            border-color: #00a8a8;\n            box-shadow: 0 0 0 3px rgba(0, 168, 168, 0.1);\n        }\n\n        select.form-control {\n            cursor: pointer;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 16px center;\n        }\n\n        textarea.form-control {\n            resize: vertical;\n            min-height: 100px;\n        }\n\n        \/* Radio\/Checkbox Groups - consistent left aligned within centered form *\/\n        .accom, .flexable {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            margin-top: 8px;\n            flex-wrap: wrap;\n        }\n\n        .checkbox {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .checkbox label {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin: 0;\n            cursor: pointer;\n            font-weight: normal;\n        }\n\n        .checkbox input[type=\"checkbox\"],\n        .checkbox input[type=\"radio\"] {\n            width: 18px;\n            height: 18px;\n            cursor: pointer;\n            accent-color: #00a8a8;\n        }\n\n        \/* Button - full width but container ensures centered block *\/\n        .btn {\n            display: inline-block;\n            padding: 14px 32px;\n            font-size: 16px;\n            font-weight: 600;\n            text-align: center;\n            text-decoration: none;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .btn-primary {\n            background: #00a8a8;\n            color: #fff;\n            width: 100%;\n        }\n\n        .btn-primary:hover {\n            background: #008b8b;\n            transform: translateY(-2px);\n        }\n\n        .genesis_bt {\n            width: 100%;\n        }\n\n        \/* Date Input Styling *\/\n        input[type=\"date\"] {\n            position: relative;\n        }\n\n        input[type=\"date\"]::-webkit-calendar-picker-indicator {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            width: auto;\n            height: auto;\n            color: transparent;\n            background: transparent;\n            cursor: pointer;\n        }\n\n        \/* RESPONSIVE - on mobile columns become block but all centered *\/\n        @media (max-width: 768px) {\n            .col-md-6 {\n                width: 100%;\n            }\n            \n            .multi_content_left {\n                min-height: 300px;\n            }\n            \n            .page_title {\n                font-size: 36px;\n                text-align: center; \/* better for mobile center alignment *\/\n            }\n            \n            h4 {\n                text-align: center;\n            }\n            \n            .content p {\n                text-align: center;\n            }\n            \n            .contact_form_ask h3 {\n                font-size: 24px;\n            }\n            \n            .row {\n                flex-direction: column;\n            }\n            \n            .multi_content_right {\n                padding: 30px 0;\n            }\n            \n            .contact_form_ask {\n                padding: 20px 18px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .accom, .flexable {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 10px;\n            }\n            \n            .page_title {\n                font-size: 28px;\n                text-align: center;\n            }\n            \n            h4 {\n                font-size: 18px;\n                text-align: center;\n            }\n            \n            .content p {\n                text-align: center;\n                \/* font-size: 14px; *\/\n            }\n        }\n\n        \/* Alert Messages *\/\n        .alert {\n            padding: 12px 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n            display: none;\n            text-align: center;\n            width: 100%;\n        }\n\n        .alert-success {\n            background: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n            display: block;\n        }\n\n        .alert-error {\n            background: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n            display: block;\n        }\n\n        \/* Loading State *\/\n        .btn-primary.loading {\n            opacity: 0.7;\n            cursor: not-allowed;\n        }\n\n        .hotel_theme_bg {\n            background: #85cf9b;\n        }\n\n        .faq_section {\n            margin-top: 40px;\n        }\n\n        \/* additional center polish for content block *\/\n        .content {\n            width: 100%;\n            text-align: left;\n        }\n\n        \/* FORMS FULLY RESPONSIVE - all elements inside .contact_form_ask are already width 100% *\/\n        .contact_form_ask .row {\n            justify-content: center;\n        }\n        \n        \/* ensure the form inner spacing works and left labels look clean *\/\n        .contact_form_ask_col .form-group {\n            text-align: left;\n        }\n        \n        \/* Larger screen fine tuning: to keep form fields centered relative to parent but not off *\/\n        .container-full .container {\n            width: 100%;\n        }\n        \n        \/* Extra step to completely horizontally center everything in the right column *\/\n        .multi_content_right .content_main {\n            display: flex;\n            flex-direction: column;\n            align-items: center;     \/* center child blocks horizontally *\/\n        }\n        \n        .multi_content_right .content_main .content,\n        .multi_content_right .content_main .faq_section {\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        \/* Keep button groups tidy *\/\n        .genesis_bt {\n            display: block;\n        }\n        \n        \/* Laptop\/Desktop: ensure that the .contact_form_ask stays perfectly centered within its parent *\/\n        .faq_section .container.contact_form_ask {\n            display: block;\n            width: 100%;\n        }\n        \n        \/* Double-check that columns inside row within form are balanced *\/\n        .contact_form_ask .row [class*=\"col-sm-\"] {\n            width: 50%;\n            padding: 0 15px;\n        }\n        \n        @media (max-width: 768px) {\n            .contact_form_ask .row [class*=\"col-sm-\"] {\n                width: 100%;\n            }\n        }\n        \n        \/* Improvement: All text in left image side content stays left but container fully centered overall layout *\/\n        .multi_content_left .bg {\n            background-size: cover;\n        }\n        \n        \/* optional hover effect *\/\n        .btn-primary {\n            transition: all 0.2s ease;\n        }\n    <\/style>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-f724828\" data-block-id=\"f724828\"><style>.stk-f724828 {margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}.stk-f724828-column{--stk-columns-spacing:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f724828-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-194b454\" data-v=\"4\" data-block-id=\"194b454\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-194b454-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-194b454-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-ef798d0\" data-block-id=\"ef798d0\"><style>.stk-ef798d0 .stk-img-wrapper{height:100vh !important;--stk-gradient-overlay:0.3 !important;}.stk-ef798d0 .stk-img-wrapper img{object-fit:cover !important;}.stk-ef798d0 .stk-img-wrapper::after{background-color:#000000 !important;}.stk-ef798d0 .stk-img-wrapper::after, .stk-ef798d0 .stk-img-wrapper::before{mix-blend-mode:darken !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img\" src=\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg\" width=\"150\" height=\"100\"\/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a997ad3 vertical-scroll-box\" data-v=\"4\" data-block-id=\"a997ad3\"><style>.stk-a997ad3 {align-self:stretch !important;padding-top:20px !important;padding-right:20px !important;padding-bottom:20px !important;padding-left:20px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a997ad3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a997ad3-inner-blocks\">\n<div class=\"container-full multi_template faq_page\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"multi_content_right\">\n                    <div class=\"content_main\">\n                        <div class=\"content head-content\">\n                            <h1 class=\"page_title\">EVENTS WITH BENEFITS<\/h1>\n                            <h4>Looking for a swanky venue to host your next soiree? Look no further.<\/h4>\n                            <h4>Allow us to be your genie in a bottle, and grant you unlimited wishes when it comes to hosting events.<\/h4>\n                            <p>Venue hire &amp; event spaces in Sydney, Melbourne, Brisbane, Canberra and Hong Kong.<\/p>\n                        <\/div>\n                        <div class=\"item faq_section\">\n                            <div class=\"container contact_form_ask\">\n                                <h3 class=\"text-center\">Book An Event with Ovolo Hotels<\/h3>\n                                <!-- <p class=\"text-center\">At Ovolo, our pulse beats to a different drum, where every moment in every hotel, restaurant or bar is filled with delightful surprises, inspired individuals, and creative curiosity. If you are seeking an inspired central setting oozing with quirkiness and eccentric vibes to transform an okay event into something mind-blowingly, amazing and fosters connections, both real and virtual, well\u2026 you've found it.<\/p> -->\n                                \n                                <form id=\"eventBookingForm\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-6 contact_form_ask_col\">\n                                            <div class=\"form-group\">\n                                                <label>Select Event Venue<\/label>\n                                                <select class=\"form-control\" name=\"recipient\" required>\n                                                    <option value=\"\">Select a venue<\/option>\n                                                    <option value=\"The Piper Rooms\">The Piper Rooms<\/option>\n                                                    <option value=\"Piper Room\">Piper Room<\/option>\n                                                    <option value=\"The Burbs\">The Burbs<\/option>\n                                                    <option value=\"Bar Woolloomooloo\">Bar Woolloomooloo<\/option>\n                                                    <option value=\"Kitchen Table\">Kitchen Table<\/option>\n                                                    <option value=\"The Glasshouse\">The Glasshouse<\/option>\n                                                    <option value=\"The Cross\">The Cross<\/option>\n                                                    <option value=\"Paddo\">Paddo<\/option>\n                                                    <option value=\"Darlo\">Darlo<\/option>\n                                                    <option value=\"NCR\">NCR<\/option>\n                                                    <option value=\"Glamarama\">Glamarama<\/option>\n                                                    <option value=\"B.i.G.\">B.i.G.<\/option>\n                                                <\/select>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Number of Guests<\/label>\n                                                <input type=\"number\" class=\"form-control\" name=\"num-guests\" min=\"1\" required>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Select Event Date<\/label>\n                                                <input type=\"date\" class=\"form-control\" name=\"event-date\" required>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Company<\/label>\n                                                <input type=\"text\" class=\"form-control\" name=\"comp-name\">\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Full Name<\/label>\n                                                <input type=\"text\" class=\"form-control\" name=\"full-name\" placeholder=\"Full Name\" required>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Your Email<\/label>\n                                                <input type=\"email\" class=\"form-control\" name=\"your-email\" placeholder=\"Your Email\" required>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Phone Number<\/label>\n                                                <input type=\"tel\" class=\"form-control\" name=\"phone-num\" placeholder=\"Phone Number\" required>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Do you require accommodation?<\/label>\n                                                <div class=\"accom\">\n                                                    <div class=\"checkbox\">\n                                                        <label>\n                                                            <input type=\"radio\" name=\"accom\" value=\"Yes\"> Yes\n                                                        <\/label>\n                                                    <\/div>\n                                                    <div class=\"checkbox\">\n                                                        <label>\n                                                            <input type=\"radio\" name=\"accom\" value=\"No\" checked> No\n                                                        <\/label>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"col-sm-6 contact_form_ask_col\">\n                                            <div class=\"form-group\">\n                                                <label>Select Event Type<\/label>\n                                                <select class=\"form-control\" name=\"event-selection\" required>\n                                                    <option value=\"\">&#8212;<\/option>\n                                                    <option value=\"Conference\">Conference<\/option>\n                                                    <option value=\"Weddings\">Weddings<\/option>\n                                                    <option value=\"Celebrate\">Celebrate<\/option>\n                                                    <option value=\"Business\">Business<\/option>\n                                                    <option value=\"Christmas\">Christmas<\/option>\n                                                    <option value=\"Cocktail\">Cocktail<\/option>\n                                                    <option value=\"Dinner\">Dinner<\/option>\n                                                    <option value=\"Lunch\">Lunch<\/option>\n                                                    <option value=\"Meeting\">Meeting<\/option>\n                                                    <option value=\"Private Function\">Private Function<\/option>\n                                                <\/select>\n                                            <\/div>\n\n                                            <!-- <div class=\"form-group\">\n                                                <label>Estimated Budget (AUD)<\/label>\n                                                <input type=\"number\" class=\"form-control\" name=\"est-budget\" min=\"0\" step=\"1000\" required>\n                                            <\/div> -->\n                                            <div class=\"form-group\">\n                                                <label>Estimated Budget (AUD)<\/label>\n                                                <input type=\"number\" class=\"form-control\" name=\"est-budget\" required>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Select Event Time<\/label>\n                                                <select class=\"form-control\" name=\"event-time\">\n                                                    <option value=\"\">&#8212;<\/option>\n                                                    <option value=\"09:00 AM\">09:00 AM<\/option>\n                                                    <option value=\"10:00 AM\">10:00 AM<\/option>\n                                                    <option value=\"11:00 AM\">11:00 AM<\/option>\n                                                    <option value=\"12:00 PM\">12:00 PM<\/option>\n                                                    <option value=\"01:00 PM\">01:00 PM<\/option>\n                                                    <option value=\"02:00 PM\">02:00 PM<\/option>\n                                                    <option value=\"03:00 PM\">03:00 PM<\/option>\n                                                    <option value=\"04:00 PM\">04:00 PM<\/option>\n                                                    <option value=\"05:00 PM\">05:00 PM<\/option>\n                                                    <option value=\"06:00 PM\">06:00 PM<\/option>\n                                                    <option value=\"07:00 PM\">07:00 PM<\/option>\n                                                    <option value=\"08:00 PM\">08:00 PM<\/option>\n                                                <\/select>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Are your dates flexible?<\/label>\n                                                <div class=\"flexable\">\n                                                    <div class=\"checkbox\">\n                                                        <label>\n                                                            <input type=\"radio\" name=\"flexable\" value=\"Yes\"> Yes\n                                                        <\/label>\n                                                    <\/div>\n                                                    <div class=\"checkbox\">\n                                                        <label>\n                                                            <input type=\"radio\" name=\"flexable\" value=\"No\" checked> No\n                                                        <\/label>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n\n                                            <div class=\"form-group\">\n                                                <label>Any Additional Information?<\/label>\n                                                <textarea class=\"form-control\" name=\"your-message\" rows=\"4\" placeholder=\"Any additional information?\"><\/textarea>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <button type=\"submit\" class=\"btn btn-primary genesis_bt hotel_theme_bg\" id=\"submitBtn\">Send Enquiry<\/button>\n                                    <\/div>\n\n                                    <div id=\"formMessage\" class=\"alert\"><\/div>\n                                <\/form>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<script>\n        \/\/ Set minimum date to today\n        const dateInput = document.querySelector('input[name=\"event-date\"]');\n        let today = new Date().toISOString().split('T')[0];\n        if (dateInput) {\n            dateInput.setAttribute('min', today);\n        }\n        console.log(\"enter\")\n\n        \/\/ Form submission handler\n        const form = document.getElementById('eventBookingForm');\n        const submitBtn = document.getElementById('submitBtn');\n        const messageDiv = document.getElementById('formMessage');\n\n        \/\/ Helper function to map form data to API expected format\n        function mapFormDataToAPI(formData) {\n            const accomValue = formData.get('accom');\n            const flexibleValue = formData.get('flexable');\n            \n            return {\n                event_venue: formData.get('recipient') || '',\n                event_type: formData.get('event-selection') || '',\n                number_of_guests: parseInt(formData.get('num-guests')) || 0,\n                estimated_budget: parseFloat(formData.get('est-budget')) || 0,\n                event_date: formData.get('event-date') || '',\n                event_time: formData.get('event-time') || '',\n                company: formData.get('comp-name') || '',\n                is_date_flexible: flexibleValue === 'Yes',\n                full_name: formData.get('full-name') || '',\n                email: formData.get('your-email') || '',\n                additional_information: formData.get('your-message') || '',\n                phone_number: formData.get('phone-num') || '',\n                require_accommodation: accomValue === 'Yes'\n            };\n        }\n\n        form.addEventListener('submit', async function(e) {\n            e.preventDefault();\n            \n            \/\/ Show loading state\n            submitBtn.classList.add('loading');\n            submitBtn.textContent = 'Sending...';\n            messageDiv.className = 'alert';\n            messageDiv.style.display = 'none';\n            \n            \/\/ Collect form data\n            const formData = new FormData(form);\n            \n            \/\/ Map to API expected format\n            const apiData = mapFormDataToAPI(formData);\n            \n            \/\/ API endpoint\n            const API_ENDPOINT = 'https:\/\/ovoloserver.com\/api\/event-inquiries';\n            \n            try {\n                const response = await fetch(API_ENDPOINT, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                        'Accept': 'application\/json'\n                    },\n                    body: JSON.stringify(apiData)\n                });\n                \n                if (!response.ok) {\n                    const errorData = await response.json().catch(() => ({}));\n                    throw new Error(errorData.message || `Server responded with status: ${response.status}`);\n                }\n                \n                const result = await response.json();\n                \n                if (result.success) {\n                    messageDiv.className = 'alert alert-success';\n                    messageDiv.textContent = result.message || 'Thank you! Your enquiry has been sent successfully. Our team will contact you shortly.';\n                    messageDiv.style.display = 'block';\n                    \n                    \/\/ Reset the form\n                    form.reset();\n                    \n                    \/\/ Reset radio buttons to default values\n                    const accomNo = document.querySelector('input[name=\"accom\"][value=\"No\"]');\n                    const flexibleNo = document.querySelector('input[name=\"flexable\"][value=\"No\"]');\n                    if (accomNo) accomNo.checked = true;\n                    if (flexibleNo) flexibleNo.checked = true;\n                    \n                    \/\/ Reset select dropdowns to default\n                    const venueSelect = document.querySelector('select[name=\"recipient\"]');\n                    const eventTypeSelect = document.querySelector('select[name=\"event-selection\"]');\n                    const eventTimeSelect = document.querySelector('select[name=\"event-time\"]');\n                    if (venueSelect) venueSelect.value = '';\n                    if (eventTypeSelect) eventTypeSelect.value = '';\n                    if (eventTimeSelect) eventTimeSelect.value = '';\n                    \n                    \/\/ Reset date min attribute after reset\n                    if (dateInput) {\n                        dateInput.setAttribute('min', today);\n                    }\n                    \n                    console.log('Event inquiry created:', result.data);\n                    \n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                } else {\n                    throw new Error(result.message || 'Submission failed');\n                }\n                \n            } catch (error) {\n                console.error('Error:', error);\n                messageDiv.className = 'alert alert-error';\n                messageDiv.textContent = error.message || 'Sorry, there was an error sending your enquiry. Please try again or contact us directly.';\n                messageDiv.style.display = 'block';\n                \n                setTimeout(() => {\n                    messageDiv.style.display = 'none';\n                }, 5000);\n            } finally {\n                submitBtn.classList.remove('loading');\n                submitBtn.textContent = 'Send Enquiry';\n            }\n        });\n    <\/script>\n<div id=\"themify_builder_content-10143\" data-postid=\"10143\" class=\"themify_builder_content themify_builder_content-10143 themify_builder themify_builder_front\">\n\n\t<\/div>\n<!-- \/themify_builder_content -->","protected":false},"excerpt":{"rendered":"<p>EVENTS WITH BENEFITS Looking for a swanky venue to host your next soiree? Look no further. Allow us to be your genie in a bottle, and grant you unlimited wishes when it comes to hosting events. Venue hire &amp; event spaces in Sydney, Melbourne, Brisbane, Canberra and Hong Kong. Book An Event with Ovolo Hotels [&hellip;]<\/p>\n","protected":false},"author":89,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"gutenberg-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10143","page","type-page","status-publish","hentry","has-post-title","no-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.5 (Yoast SEO v25.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Event Venue Form - Ovolo Sydney, Woolloomooloo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Event Venue Form\" \/>\n<meta property=\"og:description\" content=\"EVENTS WITH BENEFITS Looking for a swanky venue to host your next soiree? Look no further. Allow us to be your genie in a bottle, and grant you unlimited wishes when it comes to hosting events. Venue hire &amp; event spaces in Sydney, Melbourne, Brisbane, Canberra and Hong Kong. Book An Event with Ovolo Hotels [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/\" \/>\n<meta property=\"og:site_name\" content=\"Ovolo Sydney, Woolloomooloo\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ovolowoolloomooloo\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-24T10:12:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/\",\"url\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/\",\"name\":\"Event Venue Form - Ovolo Sydney, Woolloomooloo\",\"isPartOf\":{\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg\",\"datePublished\":\"2026-06-17T09:01:01+00:00\",\"dateModified\":\"2026-06-24T10:12:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#primaryimage\",\"url\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg\",\"contentUrl\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg\",\"width\":2096,\"height\":2096},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Event Venue Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/#website\",\"url\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/\",\"name\":\"Ovolo Sydney, Woolloomooloo\",\"description\":\"Ovolo Woolloomooloo | Effortless Living | Sydney Hotel\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Event Venue Form - Ovolo Sydney, Woolloomooloo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/","og_locale":"en_US","og_type":"article","og_title":"Event Venue Form","og_description":"EVENTS WITH BENEFITS Looking for a swanky venue to host your next soiree? Look no further. Allow us to be your genie in a bottle, and grant you unlimited wishes when it comes to hosting events. Venue hire &amp; event spaces in Sydney, Melbourne, Brisbane, Canberra and Hong Kong. Book An Event with Ovolo Hotels [&hellip;]","og_url":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/","og_site_name":"Ovolo Sydney, Woolloomooloo","article_publisher":"https:\/\/www.facebook.com\/ovolowoolloomooloo\/","article_modified_time":"2026-06-24T10:12:09+00:00","og_image":[{"url":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/","url":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/","name":"Event Venue Form - Ovolo Sydney, Woolloomooloo","isPartOf":{"@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#primaryimage"},"image":{"@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#primaryimage"},"thumbnailUrl":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg","datePublished":"2026-06-17T09:01:01+00:00","dateModified":"2026-06-24T10:12:09+00:00","breadcrumb":{"@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#primaryimage","url":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg","contentUrl":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-content\/uploads\/sites\/4\/2023\/05\/alibi-bar-event.jpg","width":2096,"height":2096},{"@type":"BreadcrumbList","@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/event-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/"},{"@type":"ListItem","position":2,"name":"Event Venue Form"}]},{"@type":"WebSite","@id":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/#website","url":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/","name":"Ovolo Sydney, Woolloomooloo","description":"Ovolo Woolloomooloo | Effortless Living | Sydney Hotel","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-07-02 02:38:19","action":"change-status","newStatus":"draft","terms":[],"taxonomy":""},"_links":{"self":[{"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/pages\/10143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/comments?post=10143"}],"version-history":[{"count":0,"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/pages\/10143\/revisions"}],"wp:attachment":[{"href":"https:\/\/ovolohotels.com\/ovolo\/woolloomooloo\/wp-json\/wp\/v2\/media?parent=10143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}