{"id":14,"date":"2025-12-18T09:06:51","date_gmt":"2025-12-18T09:06:51","guid":{"rendered":"https:\/\/makemylife.in\/?page_id=14"},"modified":"2025-12-18T09:07:17","modified_gmt":"2025-12-18T09:07:17","slug":"account","status":"publish","type":"page","link":"https:\/\/makemylife.in\/?page_id=14","title":{"rendered":"My Account"},"content":{"rendered":"\n<style>\n.luxury-account-page {\n    background: var(--luxury-cream);\n    min-height: 80vh;\n    padding: 50px 0;\n}\n\n.luxury-account-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 30px;\n}\n\n.luxury-account-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.luxury-account-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 42px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n}\n\n.luxury-auth-container {\n    max-width: 500px;\n    margin: 0 auto;\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    padding: 50px;\n    box-shadow: var(--luxury-shadow);\n}\n\n.luxury-auth-tabs {\n    display: flex;\n    border-bottom: 2px solid var(--luxury-cream);\n    margin-bottom: 35px;\n}\n\n.luxury-auth-tab {\n    flex: 1;\n    padding: 15px;\n    text-align: center;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--luxury-text-light);\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n    margin-bottom: -2px;\n    transition: var(--luxury-transition);\n}\n\n.luxury-auth-tab.active,\n.luxury-auth-tab:hover {\n    color: var(--luxury-primary);\n    border-color: var(--luxury-primary);\n}\n\n.luxury-auth-form {\n    display: none;\n}\n\n.luxury-auth-form.active {\n    display: block;\n}\n\n.luxury-form-group {\n    margin-bottom: 20px;\n}\n\n.luxury-form-group label {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--luxury-text);\n    margin-bottom: 8px;\n}\n\n.luxury-form-group input {\n    width: 100%;\n    padding: 14px 18px;\n    border: 1px solid var(--luxury-cream-dark);\n    border-radius: var(--luxury-radius);\n    font-size: 15px;\n    transition: var(--luxury-transition);\n}\n\n.luxury-form-group input:focus {\n    outline: none;\n    border-color: var(--luxury-primary);\n    box-shadow: 0 0 0 3px rgba(114, 47, 55, 0.1);\n}\n\n.luxury-auth-btn {\n    width: 100%;\n    padding: 16px;\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n    border: none;\n    border-radius: var(--luxury-radius);\n    font-family: 'Lato', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    cursor: pointer;\n    transition: var(--luxury-transition);\n}\n\n.luxury-auth-btn:hover {\n    background: var(--luxury-primary-dark);\n}\n\n.luxury-auth-error {\n    background: #f8d7da;\n    color: #721c24;\n    padding: 12px 15px;\n    border-radius: var(--luxury-radius);\n    margin-bottom: 20px;\n    font-size: 14px;\n    display: none;\n}\n\n.luxury-auth-success {\n    background: #d4edda;\n    color: #155724;\n    padding: 12px 15px;\n    border-radius: var(--luxury-radius);\n    margin-bottom: 20px;\n    font-size: 14px;\n    display: none;\n}\n\n.luxury-dashboard {\n    display: grid;\n    grid-template-columns: 280px 1fr;\n    gap: 40px;\n}\n\n.luxury-dashboard-sidebar {\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    padding: 30px;\n    box-shadow: var(--luxury-shadow);\n    height: fit-content;\n}\n\n.luxury-user-info {\n    text-align: center;\n    padding-bottom: 25px;\n    margin-bottom: 25px;\n    border-bottom: 2px solid var(--luxury-cream);\n}\n\n.luxury-user-avatar {\n    width: 80px;\n    height: 80px;\n    background: var(--luxury-cream);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 15px;\n    font-size: 32px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n}\n\n.luxury-user-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 22px;\n    font-weight: 600;\n    color: var(--luxury-text);\n}\n\n.luxury-user-email {\n    font-size: 14px;\n    color: var(--luxury-text-light);\n}\n\n.luxury-sidebar-menu {\n    list-style: none;\n}\n\n.luxury-sidebar-menu a {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 18px;\n    color: var(--luxury-text);\n    text-decoration: none;\n    border-radius: var(--luxury-radius);\n    transition: var(--luxury-transition);\n    margin-bottom: 5px;\n}\n\n.luxury-sidebar-menu a:hover,\n.luxury-sidebar-menu a.active {\n    background: var(--luxury-cream);\n    color: var(--luxury-primary);\n}\n\n.luxury-sidebar-menu a svg {\n    width: 20px;\n    height: 20px;\n}\n\n.luxury-dashboard-content {\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    padding: 40px;\n    box-shadow: var(--luxury-shadow);\n}\n\n.luxury-section-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 28px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n    margin-bottom: 30px;\n    padding-bottom: 15px;\n    border-bottom: 2px solid var(--luxury-cream);\n}\n\n.luxury-orders-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.luxury-orders-table th {\n    text-align: left;\n    padding: 15px;\n    background: var(--luxury-cream);\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--luxury-text);\n}\n\n.luxury-orders-table td {\n    padding: 18px 15px;\n    border-bottom: 1px solid var(--luxury-cream);\n    font-size: 15px;\n}\n\n.luxury-order-status {\n    display: inline-block;\n    padding: 5px 12px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.luxury-status-confirmed { background: #d4edda; color: #155724; }\n.luxury-status-processing { background: #fff3cd; color: #856404; }\n.luxury-status-packed { background: #cce5ff; color: #004085; }\n.luxury-status-shipped { background: #d1ecf1; color: #0c5460; }\n.luxury-status-delivered { background: #d4edda; color: #155724; }\n.luxury-status-cancelled { background: #f8d7da; color: #721c24; }\n\n.luxury-view-order-btn {\n    padding: 8px 16px;\n    background: var(--luxury-cream);\n    color: var(--luxury-primary);\n    text-decoration: none;\n    border-radius: var(--luxury-radius);\n    font-size: 13px;\n    font-weight: 600;\n    transition: var(--luxury-transition);\n}\n\n.luxury-view-order-btn:hover {\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n}\n\n.luxury-no-orders {\n    text-align: center;\n    padding: 60px 30px;\n    color: var(--luxury-text-light);\n}\n\n.luxury-no-orders svg {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 20px;\n    color: var(--luxury-text-light);\n}\n\n.luxury-profile-form .luxury-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 20px;\n}\n\n.luxury-profile-form .luxury-form-row.full {\n    grid-template-columns: 1fr;\n}\n\n.luxury-profile-btn {\n    padding: 16px 35px;\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n    border: none;\n    border-radius: var(--luxury-radius);\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    cursor: pointer;\n    transition: var(--luxury-transition);\n}\n\n.luxury-profile-btn:hover {\n    background: var(--luxury-primary-dark);\n}\n\n@media (max-width: 1024px) {\n    .luxury-dashboard {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 768px) {\n    .luxury-account-page {\n        padding: 30px 0;\n    }\n    \n    .luxury-account-container {\n        padding: 0 20px;\n    }\n    \n    .luxury-account-title {\n        font-size: 32px;\n    }\n    \n    .luxury-auth-container {\n        padding: 30px;\n    }\n    \n    .luxury-dashboard-content {\n        padding: 25px;\n    }\n    \n    .luxury-orders-table {\n        display: block;\n        overflow-x: auto;\n    }\n    \n    .luxury-profile-form .luxury-form-row {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<div class=\"luxury-account-page\">\n    <div class=\"luxury-account-container\">\n        <div class=\"luxury-account-header\">\n            <h1 class=\"luxury-account-title\">My Account<\/h1>\n        <\/div>\n        \n                <div class=\"luxury-auth-container\">\n            <div class=\"luxury-auth-tabs\">\n                <a href=\"#\" class=\"luxury-auth-tab active\" data-tab=\"login\">Login<\/a>\n                <a href=\"#\" class=\"luxury-auth-tab \" data-tab=\"register\">Register<\/a>\n            <\/div>\n            \n            <div class=\"luxury-auth-error\" id=\"auth-error\"><\/div>\n            <div class=\"luxury-auth-success\" id=\"auth-success\"><\/div>\n            \n            <form id=\"login-form\" class=\"luxury-auth-form active\">\n                <div class=\"luxury-form-group\">\n                    <label>Email<\/label>\n                    <input type=\"email\" name=\"email\" required>\n                <\/div>\n                <div class=\"luxury-form-group\">\n                    <label>Password<\/label>\n                    <input type=\"password\" name=\"password\" required>\n                <\/div>\n                <button type=\"submit\" class=\"luxury-auth-btn\">Login<\/button>\n            <\/form>\n            \n            <form id=\"register-form\" class=\"luxury-auth-form \">\n                <div class=\"luxury-form-group\">\n                    <label>First Name<\/label>\n                    <input type=\"text\" name=\"first_name\" required>\n                <\/div>\n                <div class=\"luxury-form-group\">\n                    <label>Last Name<\/label>\n                    <input type=\"text\" name=\"last_name\" required>\n                <\/div>\n                <div class=\"luxury-form-group\">\n                    <label>Email<\/label>\n                    <input type=\"email\" name=\"email\" required>\n                <\/div>\n                <div class=\"luxury-form-group\">\n                    <label>Phone<\/label>\n                    <input type=\"tel\" name=\"phone\">\n                <\/div>\n                <div class=\"luxury-form-group\">\n                    <label>Password<\/label>\n                    <input type=\"password\" name=\"password\" required minlength=\"6\">\n                <\/div>\n                <button type=\"submit\" class=\"luxury-auth-btn\">Create Account<\/button>\n            <\/form>\n        <\/div>\n        \n            <\/div>\n<\/div>\n\n<script>\n(function() {\n    var ajaxUrl = 'https:\/\/makemylife.in\/wp-admin\/admin-ajax.php';\n    var nonce = '570bb35302';\n    var accountUrl = 'https:\/\/makemylife.in\/?page_id=14';\n    \n    document.querySelectorAll('.luxury-auth-tab').forEach(function(tab) {\n        tab.addEventListener('click', function(e) {\n            e.preventDefault();\n            var tabName = this.getAttribute('data-tab');\n            \n            document.querySelectorAll('.luxury-auth-tab').forEach(function(t) { t.classList.remove('active'); });\n            document.querySelectorAll('.luxury-auth-form').forEach(function(f) { f.classList.remove('active'); });\n            \n            this.classList.add('active');\n            document.getElementById(tabName + '-form').classList.add('active');\n        });\n    });\n    \n    var loginForm = document.getElementById('login-form');\n    if (loginForm) {\n        loginForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n            var errorEl = document.getElementById('auth-error');\n            var successEl = document.getElementById('auth-success');\n            errorEl.style.display = 'none';\n            successEl.style.display = 'none';\n            \n            var formData = new FormData(this);\n            formData.append('action', 'luxury_user_login');\n            formData.append('nonce', nonce);\n            \n            fetch(ajaxUrl, { method: 'POST', body: formData })\n            .then(function(r) { return r.json(); })\n            .then(function(data) {\n                if (data.success) {\n                    successEl.textContent = 'Login successful! Redirecting...';\n                    successEl.style.display = 'block';\n                    setTimeout(function() { location.reload(); }, 1000);\n                } else {\n                    errorEl.textContent = data.data.message || 'Login failed';\n                    errorEl.style.display = 'block';\n                }\n            });\n        });\n    }\n    \n    var registerForm = document.getElementById('register-form');\n    if (registerForm) {\n        registerForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n            var errorEl = document.getElementById('auth-error');\n            var successEl = document.getElementById('auth-success');\n            errorEl.style.display = 'none';\n            successEl.style.display = 'none';\n            \n            var formData = new FormData(this);\n            formData.append('action', 'luxury_user_register');\n            formData.append('nonce', nonce);\n            \n            fetch(ajaxUrl, { method: 'POST', body: formData })\n            .then(function(r) { return r.json(); })\n            .then(function(data) {\n                if (data.success) {\n                    successEl.textContent = 'Account created! Redirecting...';\n                    successEl.style.display = 'block';\n                    setTimeout(function() { location.reload(); }, 1000);\n                } else {\n                    errorEl.textContent = data.data.message || 'Registration failed';\n                    errorEl.style.display = 'block';\n                }\n            });\n        });\n    }\n    \n    var profileForm = document.getElementById('profile-form');\n    if (profileForm) {\n        profileForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n            var errorEl = document.getElementById('profile-error');\n            var successEl = document.getElementById('profile-success');\n            errorEl.style.display = 'none';\n            successEl.style.display = 'none';\n            \n            var formData = new FormData(this);\n            formData.append('action', 'luxury_update_profile');\n            formData.append('nonce', nonce);\n            \n            fetch(ajaxUrl, { method: 'POST', body: formData })\n            .then(function(r) { return r.json(); })\n            .then(function(data) {\n                if (data.success) {\n                    successEl.textContent = 'Profile updated successfully!';\n                    successEl.style.display = 'block';\n                } else {\n                    errorEl.textContent = data.data.message || 'Update failed';\n                    errorEl.style.display = 'block';\n                }\n            });\n        });\n    }\n    \n    var logoutLink = document.getElementById('logout-link');\n    if (logoutLink) {\n        logoutLink.addEventListener('click', function(e) {\n            e.preventDefault();\n            var formData = new FormData();\n            formData.append('action', 'luxury_user_logout');\n            formData.append('nonce', nonce);\n            \n            fetch(ajaxUrl, { method: 'POST', body: formData })\n            .then(function() { location.reload(); });\n        });\n    }\n})();\n<\/script>\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":"elementor_canvas","meta":{"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":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makemylife.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}