{"id":250,"date":"2026-06-18T14:51:52","date_gmt":"2026-06-18T06:51:52","guid":{"rendered":"http:\/\/127.0.0.56\/?page_id=250"},"modified":"2026-07-08T15:45:41","modified_gmt":"2026-07-08T07:45:41","slug":"member","status":"publish","type":"page","link":"https:\/\/sitewebbuild.com\/en\/member\/","title":{"rendered":"Member"},"content":{"rendered":"        <div class=\"metori-warranty-container metori-member-center-wrapper\" id=\"member-center\">\n                            <!-- MEMBER LOGIN FORM -->\n                <h2 class=\"metori-title\">Member Login<\/h2>\n                <div class=\"metori-card glassmorphism animate-fade-in\" style=\"max-width: 450px; margin: 0 auto;\">\n                    <form id=\"metori-login-form\" class=\"metori-form\">\n                        <div class=\"form-group\">\n                            <label\n                                for=\"login_phone\">Phone Number<span>*<\/span><\/label>\n                            <input type=\"text\" id=\"login_phone\" name=\"phone\"\n                                placeholder=\"Enter your phone number\" required \/>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label\n                                for=\"login_password\">Password<span>*<\/span><\/label>\n                            <input type=\"password\" id=\"login_password\" name=\"password\"\n                                placeholder=\"Enter your password\" required \/>\n                        <\/div>\n                        <button type=\"submit\" class=\"metori-btn metori-btn-primary\">\n                            <span class=\"btn-text\">Submit \/ Sign In<\/span>\n                            <span class=\"spinner-loader\" style=\"display:none;\"><\/span>\n                        <\/button>\n                    <\/form>\n\n                    <div style=\"text-align: center; margin-top: 15px;\">\n                        <a href=\"#\" id=\"forgot-password-link\">Forgot password?<\/a>\n                    <\/div>\n                <\/div>\n            \n            <!-- FORCE CHANGE PASSWORD MODAL -->\n            <div id=\"modal-force-change-pwd\" class=\"metori-modal force-modal\" style=\"display:none;\">\n                <div class=\"metori-modal-content glassmorphism\">\n                    <h2>Change initial password<\/h2>\n\n                    <form id=\"form-force-change-pwd\" class=\"metori-form\">\n                        <div class=\"form-group\">\n                            <label>New Password<span>*<\/span><\/label>\n                            <input type=\"password\" name=\"new_password\" required \/>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label>Confirm New Password<span>*<\/span><\/label>\n                            <input type=\"password\" name=\"confirm_password\" required \/>\n                        <\/div>\n                        <p class=\"change-pwd-text\">\n                            Please change your initial password as soon as possible and keep it safe.If you forget it, please contact customer service to reset it.                        <\/p>\n                        <button type=\"submit\"\n                            class=\"metori-btn metori-btn-primary\">Submit<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n\n            <!-- FORGOT PASSWORD INSTRUCTIONS MODAL -->\n            <div id=\"modal-forgot-password\" class=\"metori-modal\" style=\"display:none;\">\n                <div class=\"metori-modal-content glassmorphism\">\n                    <button class=\"modal-close\">&times;<\/button>\n                                            <div class=\"wa-qr-box\">\n                            <img decoding=\"async\" src=\"https:\/\/sitewebbuild.com\/wp-content\/uploads\/2026\/05\/ewm.jpg\" alt=\"WhatsApp Support QR\" class=\"wa-qr-image\" \/>\n                        <\/div>\n                    \n                    <p class=\"forgot-pwd-text\">\n                        Please change your initial password as soon as possible and keep it safe.If you forget it, please contact customer service to reset it.                    <\/p>\n                <\/div>\n            <\/div>\n\n                    <!-- Modal 3: \u6362\u65b0\u7533\u8bf7\u5f39\u7a97 -->\n        <div id=\"modal-replacement-apply\" class=\"metori-modal\" style=\"display:none;\">\n            <div class=\"metori-modal-content glassmorphism\">\n                <button class=\"modal-close\">&times;<\/button>\n                <h2>Search Results<\/h2>\n                <p class=\"text-primary\">\n                    Within Replacement Period                <\/p>\n                <div class=\"product-info-badge\">\n                    <strong>Serial Number:<\/strong> <span\n                        id=\"repl-modal-sn\"><\/span><br \/>\n                    <strong>Model:<\/strong> <span id=\"repl-modal-model\"><\/span>\n                <\/div>\n                <form id=\"form-apply-replacement\" class=\"metori-form\">\n                    <input type=\"hidden\" name=\"ticket_id\" id=\"input-repl-ticket-id\" \/>\n                    <input type=\"hidden\" name=\"sn\" id=\"input-repl-sn\" \/>\n                    <input type=\"hidden\" name=\"order_no\" id=\"input-repl-order\" \/>\n                    <input type=\"hidden\" name=\"model\" id=\"input-repl-model\" \/>\n\n                    <div class=\"form-group\">\n                        <label>Name<span>*<\/span><\/label>\n                        <input type=\"text\" name=\"shipping_name\" required \/>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Phone Number<span>*<\/span><\/label>\n                        <input type=\"text\" name=\"shipping_phone\" required \/>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Shipping Address<span>*<\/span><\/label>\n                        <textarea name=\"shipping_address\" required><\/textarea>\n                    <\/div>\n                    <button type=\"submit\"\n                        class=\"metori-btn metori-btn-primary\">Submit \/ Send<\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <!-- Modal 4: \u552e\u540e\u7533\u8bf7\u5f39\u7a97 -->\n        <div id=\"modal-repair-info\" class=\"metori-modal\" style=\"display:none;\">\n            <div class=\"metori-modal-content glassmorphism\">\n                <button class=\"modal-close\">&times;<\/button>\n                <h2>Search Results<\/h2>\n                <p class=\"text-primary\">\n                    Within Warranty Period                <\/p>\n\n                                    <div class=\"wa-qr-box\">\n                        <img decoding=\"async\" src=\"https:\/\/sitewebbuild.com\/wp-content\/uploads\/2026\/05\/ewm.jpg\" alt=\"WhatsApp Support QR\" class=\"wa-qr-image\" \/>\n                    <\/div>\n                \n                <div class=\"modal-contact-info\">\n                    <div>Please scan the QR code to contact customer service                    <\/div>\n\n                    <div style=\"text-align:center; font-size:14px; margin: 5px 0;\">\n                        Or                    <\/div>\n\n                    <button type=\"button\" class=\"metori-btn metori-btn-whatsapp btn-open-repair-apply\">\n                        Submit Repair Form                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Modal 5: \u8d28\u4fdd\u8fc7\u671f\u5f39\u7a97 -->\n        <div id=\"modal-expired-info\" class=\"metori-modal\" style=\"display:none;\">\n            <div class=\"metori-modal-content glassmorphism\">\n                <button class=\"modal-close\">&times;<\/button>\n                <h2>Search Results<\/h2>\n                <p class=\"text-primary\">\n                    Warranty Expired                <\/p>\n\n                                    <div class=\"wa-qr-box\">\n                        <img decoding=\"async\" src=\"https:\/\/sitewebbuild.com\/wp-content\/uploads\/2026\/05\/ewm.jpg\" alt=\"WhatsApp Support QR\" class=\"wa-qr-image\" \/>\n                    <\/div>\n                \n                <div class=\"modal-contact-info\">\n                    <div>Please scan the QR code to contact customer service                    <\/div>\n\n\n                                            <div class=\"email-support-info\">\n                            Customer service email: <br \/>\n                            <strong><a\n                                    href=\"mailto:support@metori.id\">support@metori.id<\/a><\/strong>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Modal 6: \u7ef4\u4fee\u7533\u8bf7\u8868\u5355\u5f39\u7a97 -->\n        <div id=\"modal-repair-apply\" class=\"metori-modal\" style=\"display:none;\">\n            <div class=\"metori-modal-content glassmorphism\" style=\"max-width: 520px;\">\n                <button class=\"modal-close\">&times;<\/button>\n                <h2 class=\"repair-modal-title\">\n                    Repair Request                <\/h2>\n                <form id=\"form-general-repair-submission\" class=\"metori-form\" enctype=\"multipart\/form-data\">\n                    <input type=\"hidden\" name=\"ticket_id\" id=\"input-repair-ticket-id\" \/>\n                    <input type=\"hidden\" name=\"existing_images\" id=\"input-repair-existing-images\" value=\"\" \/>\n                    <input type=\"hidden\" name=\"shipping_name\" id=\"input-repair-name\" value=\"\" \/>\n\n                    <div class=\"form-group\">\n                        <label>Order Number<span>*<\/span><\/label>\n                        <input type=\"text\" name=\"order_no\" id=\"input-repair-order\" readonly required \/>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Product Model<span>*<\/span><\/label>\n                        <input type=\"text\" name=\"model\" id=\"input-repair-model\" readonly required \/>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Serial Number<span>*<\/span><\/label>\n                        <input type=\"text\" name=\"sn\" id=\"input-repair-sn\" readonly required \/>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Phone Number<span>*<\/span><\/label>\n                        <input type=\"text\" name=\"phone\" id=\"input-repair-phone\"\n                            value=\"\" required \/>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Shipping Address<span>*<\/span><\/label>\n                        <textarea name=\"shipping_address\" id=\"input-repair-address\" required><\/textarea>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Problem Description<span>*<\/span><\/label>\n                        <textarea name=\"problem_desc\" id=\"input-repair-desc\" required\n                            placeholder=\"Describe the issues you are facing...\"><\/textarea>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Upload Image<span>*<\/span><\/label>\n                        <div class=\"metori-upload-wrapper\">\n                            <div class=\"metori-upload-box\">\n                                <span class=\"upload-icon\">+<\/span>\n                                <input type=\"file\" id=\"repair_images\" name=\"repair_images[]\" multiple accept=\"image\/*\"\n                                    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;\" \/>\n                            <\/div>\n                            <div id=\"repair-upload-preview\" class=\"upload-preview-container\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <button type=\"submit\" class=\"metori-btn metori-btn-primary\">\n                        <span\n                            class=\"btn-text\">Submit<\/span>\n                        <span class=\"spinner-loader\" style=\"display:none;\"><\/span>\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <!-- Modal 7: \u5de5\u5355\u8be6\u60c5\u5c55\u793a\u5f39\u7a97 -->\n        <div id=\"modal-ticket-details\" class=\"metori-modal\" style=\"display:none;\">\n            <div class=\"metori-modal-content glassmorphism\" style=\"max-width: 550px;\">\n                <button class=\"modal-close\">&times;<\/button>\n                <h2>Ticket Details                <\/h2>\n\n                <div class=\"metori-detail-section\">\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Ticket Number:<\/span>\n                        <span class=\"detail-val\" id=\"detail-ticket-no\"\n                            style=\"color: var(--metori-cyan); font-weight: 700;\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Service Type:<\/span>\n                        <span class=\"detail-val\" id=\"detail-ticket-type\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Ticket Status:<\/span>\n                        <span class=\"detail-val\" id=\"detail-ticket-status\" style=\"font-weight: 600;\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" id=\"detail-row-tracking\"\n                        style=\"margin-bottom: 8px; display: none; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Tracking Number:<\/span>\n                        <span class=\"detail-val\" id=\"detail-ticket-tracking\" style=\"font-weight: 600; color: #409eff;\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <hr class=\"detail-separator\" style=\"border: 0; border-top: 1px solid rgba(0,0,0,0.08); margin: 15px 0;\" \/>\n\n                <div class=\"metori-detail-section\">\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Order Number:<\/span>\n                        <span class=\"detail-val\" id=\"detail-order-no\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Serial Number (SN):<\/span>\n                        <span class=\"detail-val\" id=\"detail-sn\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Product Model:<\/span>\n                        <span class=\"detail-val\" id=\"detail-model\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <hr class=\"detail-separator\" style=\"border: 0; border-top: 1px solid rgba(0,0,0,0.08); margin: 15px 0;\" \/>\n\n                <div class=\"metori-detail-section\">\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Recipient Name:<\/span>\n                        <span class=\"detail-val\" id=\"detail-recipient-name\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" id=\"detail-row-phone\"\n                        style=\"margin-bottom: 8px; display: flex; justify-content: space-between;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Phone Number:<\/span>\n                        <span class=\"detail-val\" id=\"detail-recipient-phone\"><\/span>\n                    <\/div>\n                    <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; flex-direction: column; gap: 4px;\">\n                        <span class=\"detail-label\"\n                            style=\"font-weight: 700; color: var(--metori-text-muted);\">Shipping Address:<\/span>\n                        <span class=\"detail-val\" id=\"detail-recipient-address\" style=\"line-height: 1.4; color: #4a5568;\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <div id=\"detail-section-repair-info\" style=\"display:none;\">\n                    <hr class=\"detail-separator\" style=\"border: 0; border-top: 1px solid rgba(0,0,0,0.08); margin: 15px 0;\" \/>\n                    <div class=\"metori-detail-section\">\n                        <div class=\"detail-row\" style=\"margin-bottom: 8px; display: flex; flex-direction: column; gap: 4px;\">\n                            <span class=\"detail-label\"\n                                style=\"font-weight: 700; color: var(--metori-text-muted);\">Problem Description:<\/span>\n                            <span class=\"detail-val\" id=\"detail-problem-desc\"\n                                style=\"white-space: pre-wrap; line-height: 1.4; color: #4a5568;\"><\/span>\n                        <\/div>\n                        <div class=\"detail-row-images\"\n                            style=\"margin-top: 12px; display: flex; flex-direction: column; gap: 6px;\">\n                            <span class=\"detail-label\"\n                                style=\"font-weight: 700; color: var(--metori-text-muted);\">Image Evidence:<\/span>\n                            <div id=\"detail-images-gallery\" class=\"detail-gallery-container\"\n                                style=\"display:flex; gap:10px; flex-wrap:wrap; margin-top:6px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <button type=\"button\" class=\"metori-btn metori-btn-secondary modal-close-btn\"\n                    style=\"margin-top:20px; width:100%; padding: 12px 20px;\">Close<\/button>\n            <\/div>\n        <\/div>\n                <\/div>\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,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-250","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":3,"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":274,"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/pages\/250\/revisions\/274"}],"wp:attachment":[{"href":"https:\/\/sitewebbuild.com\/en\/wp-json\/wp\/v2\/media?parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}