{"id":72,"date":"2024-01-12T00:53:37","date_gmt":"2024-01-12T00:53:37","guid":{"rendered":"https:\/\/costaalorabeachresort.com\/?page_id=72"},"modified":"2026-05-24T03:29:14","modified_gmt":"2026-05-24T03:29:14","slug":"booking","status":"publish","type":"page","link":"https:\/\/costaalorabeachresort.com\/index.php\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"72\" class=\"elementor elementor-72\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c9429ee e-flex e-con-boxed e-con e-parent\" data-id=\"1c9429ee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb4902d elementor-widget elementor-widget-text-editor\" data-id=\"4bb4902d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-868a9a6 e-flex e-con-boxed e-con e-parent\" data-id=\"868a9a6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7c4b4d elementor-widget elementor-widget-text-editor\" data-id=\"b7c4b4d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t        <div class=\"costa-alora-booking\">\n            <div class=\"costa-alora-booking__intro-card\">\n                <div>\n                    <span class=\"dashicons dashicons-admin-site-alt3 costa-alora-booking__intro-icon\" aria-hidden=\"true\"><\/span>\n                <\/div>\n                <div>\n                    <span class=\"costa-alora-booking__eyebrow\">Beach Resort Booking<\/span>\n                    <h2>Costa Alora Booking Request<\/h2>\n                    <p>Piliin ang room at petsa, pagkatapos isumite ang inyong details. Pending muna ang request habang hinihintay ang confirmation o downpayment.<\/p>\n                    <div class=\"costa-alora-booking__intro-chips\" aria-hidden=\"true\">\n                        <span>Room-based availability<\/span>\n                        <span>Pending request<\/span>\n                        <span>Downpayment confirmation<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"costa-alora-booking__stepper\" aria-label=\"How Booking Works\">\n                <h3>How Booking Works \/ Paano Mag-book<\/h3>\n                <ol>\n                    <li>\n                        <span class=\"dashicons dashicons-admin-home\" aria-hidden=\"true\"><\/span>\n                        <strong>Choose Room<\/strong>\n                        <small>Pumili ng villa, deck, cabin, o kubo.<\/small>\n                    <\/li>\n                    <li>\n                        <span class=\"dashicons dashicons-calendar-alt\" aria-hidden=\"true\"><\/span>\n                        <strong>Pick Date<\/strong>\n                        <small>Unavailable dates are marked in warning colors.<\/small>\n                    <\/li>\n                    <li>\n                        <span class=\"dashicons dashicons-edit-page\" aria-hidden=\"true\"><\/span>\n                        <strong>Send Details<\/strong>\n                        <small>Ilagay ang contact details at notes.<\/small>\n                    <\/li>\n                    <li>\n                        <span class=\"dashicons dashicons-yes-alt\" aria-hidden=\"true\"><\/span>\n                        <strong>Wait for Confirmation<\/strong>\n                        <small>Admin will confirm after downpayment.<\/small>\n                    <\/li>\n                <\/ol>\n            <\/div>\n\n            \n            <form class=\"costa-alora-booking__form\" method=\"post\" action=\"https:\/\/costaalorabeachresort.com\/wp-admin\/admin-post.php\">\n                <input type=\"hidden\" id=\"costa_alora_booking_nonce\" name=\"costa_alora_booking_nonce\" value=\"c6c7082a0d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/72\" \/>                <input type=\"hidden\" name=\"action\" value=\"costa_alora_submit_booking\">\n                <input class=\"costa-alora-booking__dates-input\" type=\"hidden\" name=\"booking_dates\" value=\"\" required>\n\n                <section class=\"costa-alora-booking__card costa-alora-booking__section is-open\">\n                    <button class=\"costa-alora-booking__section-toggle\" type=\"button\" aria-expanded=\"true\">\n                        <span class=\"dashicons dashicons-admin-home\" aria-hidden=\"true\"><\/span>\n                        Step 1: Room \/ Piliin ang Room                    <\/button>\n                    <div class=\"costa-alora-booking__section-body\">\n                        <p class=\"costa-alora-booking__field\">\n                            <label for=\"costa_alora_room_name\">Room <span aria-hidden=\"true\">*<\/span><\/label>\n                            <select id=\"costa_alora_room_name\" class=\"costa-alora-booking__room\" name=\"room_name\" required>\n                                <option value=\"\">Select a room \/ Pumili ng room<\/option>\n                                                                    <option value=\"Villa 1\">Villa 1<\/option>\n                                                                    <option value=\"Villa 2\">Villa 2<\/option>\n                                                                    <option value=\"Villa 3\">Villa 3<\/option>\n                                                                    <option value=\"Villa 4\">Villa 4<\/option>\n                                                                    <option value=\"Villa 5\">Villa 5<\/option>\n                                                                    <option value=\"Villa 6\">Villa 6<\/option>\n                                                                    <option value=\"Deck 1\">Deck 1<\/option>\n                                                                    <option value=\"Deck 2\">Deck 2<\/option>\n                                                                    <option value=\"Cabin 1\">Cabin 1<\/option>\n                                                                    <option value=\"Cabin 2\">Cabin 2<\/option>\n                                                                    <option value=\"Cabin 3\">Cabin 3<\/option>\n                                                                    <option value=\"Kubo 1\">Kubo 1<\/option>\n                                                                    <option value=\"Kubo 2\">Kubo 2<\/option>\n                                                            <\/select>\n                        <\/p>\n                    <\/div>\n                <\/section>\n\n                <section class=\"costa-alora-booking__card costa-alora-booking__section is-open\">\n                    <button class=\"costa-alora-booking__section-toggle\" type=\"button\" aria-expanded=\"true\">\n                        <span class=\"dashicons dashicons-calendar-alt\" aria-hidden=\"true\"><\/span>\n                        Step 2: Date \/ Piliin ang Petsa                    <\/button>\n                    <div class=\"costa-alora-booking__section-body\">\n                        <div class=\"costa-alora-booking__field\">\n                            <label>Booking Date or Dates <span aria-hidden=\"true\">*<\/span><\/label>\n                            <p class=\"costa-alora-booking__hint\">Tap multiple dates if needed. Red dates are unavailable for the selected room.<\/p>\n                            <div class=\"costa-alora-booking__legend\" aria-hidden=\"true\">\n                                <span><i class=\"costa-alora-booking__legend-box costa-alora-booking__legend-box--available\"><\/i>Available<\/span>\n                                <span><i class=\"costa-alora-booking__legend-box costa-alora-booking__legend-box--selected\"><\/i>Selected<\/span>\n                                <span><i class=\"costa-alora-booking__legend-box costa-alora-booking__legend-box--blocked\"><\/i>Unavailable<\/span>\n                            <\/div>\n                            <div class=\"costa-alora-booking__calendar\" aria-live=\"polite\"><\/div>\n                            <div class=\"costa-alora-booking__selected-dates\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n\n                <section class=\"costa-alora-booking__card costa-alora-booking__section is-open\">\n                    <button class=\"costa-alora-booking__section-toggle\" type=\"button\" aria-expanded=\"true\">\n                        <span class=\"dashicons dashicons-id\" aria-hidden=\"true\"><\/span>\n                        Step 3: Contact Details \/ Impormasyon                    <\/button>\n                    <div class=\"costa-alora-booking__section-body\">\n                        <p class=\"costa-alora-booking__field\">\n                            <label for=\"costa_alora_contact_name\">Contact Name \/ Pangalan <span aria-hidden=\"true\">*<\/span><\/label>\n                            <input id=\"costa_alora_contact_name\" name=\"contact_name\" type=\"text\" maxlength=\"190\" required>\n                        <\/p>\n\n                        <p class=\"costa-alora-booking__field\">\n                            <label for=\"costa_alora_contact_number\">Contact Number \/ Numero <span aria-hidden=\"true\">*<\/span><\/label>\n                            <input id=\"costa_alora_contact_number\" name=\"contact_number\" type=\"tel\" maxlength=\"60\" required>\n                        <\/p>\n\n                        <p class=\"costa-alora-booking__field\">\n                            <label for=\"costa_alora_address\">Address \/ Tirahan <span aria-hidden=\"true\">*<\/span><\/label>\n                            <textarea id=\"costa_alora_address\" name=\"address\" rows=\"4\" required><\/textarea>\n                        <\/p>\n\n                        <p class=\"costa-alora-booking__field\">\n                            <label for=\"costa_alora_notes\">Optional Notes \/ Karagdagang Paalala<\/label>\n                            <textarea id=\"costa_alora_notes\" name=\"notes\" rows=\"4\"><\/textarea>\n                        <\/p>\n                    <\/div>\n                <\/section>\n\n                <button class=\"costa-alora-booking__button\" type=\"submit\">Submit Booking Request<\/button>\n            <\/form>\n        <\/div>\n        \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":23,"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/pages\/72\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/costaalorabeachresort.com\/index.php\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}