{"id":338,"date":"2025-10-29T10:43:46","date_gmt":"2025-10-29T10:43:46","guid":{"rendered":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/?page_id=338"},"modified":"2025-12-04T08:41:38","modified_gmt":"2025-12-04T08:41:38","slug":"checkout-membership","status":"publish","type":"page","link":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/checkout-membership\/","title":{"rendered":"Checkout Membership"},"content":{"rendered":"\n    <div id=\"mmp-stripe-wrapper\" class=\"container\">\n        <div class=\"row gap-8\">\n\n            <!-- \u2500\u2500 Left column \u2013 Payment details \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"left-column col-md-7\">\n                <h2 class=\"text-2xl font-bold text-gray-800 mb-6\">Payment Details<\/h2>\n\n                <form id=\"mmp-payment-form\">\n\n                    <div class=\"form-group\">\n                        <label for=\"mmp-name\">Full Name<\/label>\n                        <input type=\"text\" id=\"mmp-name\" name=\"name\"\n                               placeholder=\"John\u00a0Doe\" required\n                               value=\"\"\n                                                              class=\"rounded-lg focus:ring-indigo-500 focus:border-indigo-500\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"mmp-email\">Email Address<\/label>\n                        <input type=\"email\" id=\"mmp-email\" name=\"email\"\n                               placeholder=\"john.doe@example.com\" required\n                               value=\"\"\n                                                              class=\"rounded-lg focus:ring-indigo-500 focus:border-indigo-500\">\n                    <\/div>\n\n                    <!-- Saved\u2011card selector (populated in JS) -->\n                    <div class=\"form-group\">\n                        <label for=\"mmp-saved-method\">Payment Method<\/label>\n                        <div id=\"card-details-container\"><\/div>\n                        \n                    <\/div>\n\n                    <!-- Hidden until \u201cAdd new card\u201d is chosen -->\n                    <div class=\"form-group\" id=\"mmp-new-card-wrapper\" style=\"display:none\">\n                        <label>Card Details<\/label>\n                        <div id=\"mmp-payment-element\" class=\"rounded-lg\"><\/div>\n                        <div id=\"mmp-card-errors\" role=\"alert\" class=\"error-message\"><\/div>\n                    <\/div>\n\n                    <button type=\"submit\" id=\"mmp-submit\"\n                            class=\"submit-button rounded-lg w-full mt-4\">\n                        Pay Now\n                    <\/button>\n\n                    <div id=\"mmp-payment-message\" class=\"mt-4 text-center\"><\/div>\n                <\/form>\n            <\/div>\n\n            <!-- \u2500\u2500 Right column \u2013 Order summary \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n             <div class=\"right-column col-md-4\">\n                    <h2 class=\"text-2xl font-bold text-gray-800 mb-6\">Your Order<\/h2>\n                    <div id=\"product-list-container\">\n                        <p id=\"product-list-loading\" class=\"text-gray-600\">Plan Details: <\/p>\n                        <div id=\"products-display\" class=\"product-list\">\n                            <!-- Product items will be dynamically inserted here -->\n                        <\/div>\n                        <div id=\"product-list-error\" class=\"error-message hidden\"><\/div>\n                    <\/div>\n                      <!-- NEW: Coupon Section -->\n                    <!-- <div class=\"coupon-section mt-4 pt-4 border-t border-gray-200\">\n                        <h3 class=\"text-lg font-semibold text-gray-700 mb-2\">Have a coupon?<\/h3>\n                        <div class=\"flex items-center space-x-2\">\n                            <input type=\"text\" id=\"coupon-code\" placeholder=\"Enter coupon code\" class=\"flex-grow rounded-lg focus:ring-indigo-500 focus:border-indigo-500 p-2 border border-gray-300\">\n                            <button type=\"button\" id=\"apply-coupon-button\" class=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\">Apply<\/button>\n                        <\/div>\n                        <div id=\"coupon-message\" class=\"mt-2 text-sm\"><\/div>\n                    <\/div>\n\n                    <div id=\"discount-amount-display\" class=\"discount-display mt-2 hidden\">\n                        Discount: <span id=\"discount-value\"><\/span>\n                    <\/div> -->\n\n                    <div class=\"total-section\">\n                        <p>Total: <span id=\"total-amount\">$0.00<\/span><\/p>\n                        <input type=\"hidden\" id=\"total-amount-only\" value=\"\">\n                    <\/div>\n                <\/div>\n\n\n        <\/div>\n\n        <!-- full\u2011page spinner -->\n        <div id=\"mmp-loading-overlay\" class=\"loading-overlay\" style=\"display:none\">\n            <div class=\"spinner\"><\/div>\n        <\/div>\n    <\/div>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-338","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/pages\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":1,"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/pages\/338\/revisions"}],"predecessor-version":[{"id":339,"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/pages\/338\/revisions\/339"}],"wp:attachment":[{"href":"https:\/\/fm-connect1.fortmindz.in\/the-luxe-wp\/wp-json\/wp\/v2\/media?parent=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}