{"id":4430,"date":"2025-08-17T18:21:16","date_gmt":"2025-08-17T16:21:16","guid":{"rendered":"https:\/\/damyel.com\/lost-password\/"},"modified":"2025-08-18T00:16:26","modified_gmt":"2025-08-17T22:16:26","slug":"lost-password","status":"publish","type":"page","link":"https:\/\/damyel.com\/en\/lost-password\/","title":{"rendered":"Lost Password"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4430\" class=\"elementor elementor-4430 elementor-4344\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41f4abc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"41f4abc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0ba57 elementor-widget elementor-widget-shortcode\" data-id=\"2e0ba57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<style>\n        * {\n            box-sizing: border-box !important;\n        }\n\n        .login-container {\n            max-width: 700px !important;\n            margin: 0 auto !important;\n            background: #F5EEE6 !important;\n            padding: 40px 11px !important;\n            font-family: 'Garamond 3 LT Std', serif !important;\n        }\n\n        .alert {\n            background-color: #f8d7da !important;\n            border: 1px solid #f5c6cb !important;\n            color: #721c24 !important;\n            padding: 15px !important;\n            margin-bottom: 20px !important;\n            border-radius: 4px !important;\n            font-size: 14px !important;\n            letter-spacing: 1px !important;\n            display: none !important;\n        }\n\n        .alert.show {\n            display: block !important;\n        }\n\n        .alert.success {\n            background-color: #d4edda !important;\n            border-color: #c3e6cb !important;\n            color: #155724 !important;\n        }\n\n        .alert.error {\n            background-color: #f8d7da !important;\n            border-color: #f5c6cb !important;\n            color: #721c24 !important;\n        }\n\n        .form-content-wrapper {\n            display: flex !important;\n            gap: 0 !important;\n            align-items: center !important;\n\t\t\tjustify-content:center\n        }\n\n        .labels-column {\n            width: 25% !important;\n            padding-right: 15px !important;\n        }\n\n        .fields-column {\n            width: 75% !important;\n            padding-left: 15px !important;\n        }\n\n        .login-title {\n            font-size: 20px !important;\n            font-weight: 500 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            color: #232323 !important;\n            margin: 0 0 30px 0 !important;\n            line-height: 1.7 !important;\n            text-align: center !important;\n            font-family: 'Garamond 3 LT Std', serif !important;\n        }\n\n        .form-label {\n            font-size: 12px !important;\n            font-weight: 400 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            color: #1d1d1b !important;\n            text-align: left !important;\n            margin-bottom: 15px !important;\n            display: block !important;\n            font-family: inherit !important;\n        }\n\n        .form-input {\n            width: 100% !important;\n            height: 49px !important;\n            border: 1px solid #b7c4ca !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            letter-spacing: 2px !important;\n            padding: 5px 11px !important;\n            color: #7a7a7a !important;\n            border-radius: 0 !important;\n            outline: none !important;\n            margin-bottom: 30px !important;\n            box-shadow: none !important;\n            font-family: inherit !important;\n        }\n\n        .form-input:focus {\n            border-color: #999 !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .login-btn {\n            background: transparent !important;\n            border: 1px solid #000 !important;\n            color: #1d1d1b !important;\n            padding: 16px 40px !important;\n            font-size: 12px !important;\n            font-weight: 500 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n            cursor: pointer !important;\n            font-family: 'Sweet Sans On Air', sans-serif !important;\n            border-radius: 0 !important;\n            width: 100% !important;\n            margin-bottom: 10px !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n\n        .login-btn:hover {\n            background: #000 !important;\n            color: #fff !important;\n        }\n\n        .login-btn:disabled {\n            opacity: 0.6 !important;\n            cursor: not-allowed !important;\n        }\n\n        .empty-label {\n            height: 49px !important;\n            margin-bottom: 30px !important;\n        }\n\n        \/* Lost Password specific styles *\/\n        .lost-password-description {\n            font-size: 14px !important;\n            color: #1d1d1b !important;\n            text-align: left !important;\n            margin-bottom: 40px !important;\n            font-family: inherit !important;\n            font-weight: normal !important;\n            line-height: 1.6 !important;\n        }\n\t\n\t\t.mobile-form-group{\n\t\t\tmargin-bottom: 20px !important\n\t\t}\n\n        \/* Responsive Design - Mobile First *\/\n        @media (max-width: 768px) {\n            .form-content-wrapper {\n                display: block !important;\n            }\n            \n            .labels-column {\n                display: none !important;\n            }\n            \n            .fields-column {\n                width: 100% !important;\n                padding-left: 0 !important;\n            }\n            \n            .login-title {\n                font-size: 18px !important;\n                margin-bottom: 40px !important;\n            }\n            \n            .form-input {\n                margin-bottom: 25px !important;\n            }\n            \n            .form-label {\n                display: block !important;\n                text-align: left !important;\n                margin-bottom: 10px !important;\n                padding-top: 0 !important;\n            }\n            \n            .mobile-form-group {\n                margin-bottom: 25px !important;\n            }\n\n            .mobile-only {\n                display: block !important;\n            }\n\n            .lost-password-description {\n                margin-bottom: 30px !important;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .login-container {\n                padding: 20px 10px !important;\n            }\n            \n            .login-title {\n                font-size: 16px !important;\n                line-height: 1.4 !important;\n            }\n        }\n\n        @media(min-width:768px){\n            .mobile-only{\n                display:none !important\n            }\n        }\n\n        \/* Override common theme conflicts *\/\n        .login-container input[type=\"text\"],\n        .login-container input[type=\"email\"] {\n            border: 1px solid #b7c4ca !important;\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: transparent !important;\n            font-size: 12px !important;\n            height: 49px !important;\n            padding: 5px 11px !important;\n            margin: 0 !important;\n        }\n\n        .login-container button {\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 2px !important;\n        }\n\n        \/* Override WooCommerce styles *\/\n        .woocommerce .login-container input[type=\"text\"],\n        .woocommerce .login-container input[type=\"email\"] {\n            border: 1px solid #b7c4ca !important;\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            background: transparent !important;\n        }\n\n        .woocommerce .login-container button {\n            border-radius: 0 !important;\n            box-shadow: none !important;\n        }\n    <\/style>\n\n<section class=\"login-container\">\n    <!-- Alert Box -->\n    <div id=\"lostPasswordAlert\" class=\"alert\">\n        <span id=\"lostPasswordAlertMessage\"><\/span>\n    <\/div>\n\n    <div class=\"form-content-wrapper\">\n        <!-- Labels Column - Desktop Only -->\n<!--         <div class=\"labels-column\">\n            <div class=\"empty-label\"><\/div> \n            <div class=\"empty-label\"><\/div>  \n            <label class=\"form-label\" for=\"lost-password-email\">Adresse E-mail<\/label>\n        <\/div> -->\n        \n        <!-- Fields Column -->\n        <div class=\"fields-column\">\n            <h1 class=\"login-title\">Forgot your password?<\/h1>\n            \n            <div class=\"lost-password-description\">\n                Please enter the e-mail address you used to create your account. You will receive a temporary link to reset your password.\n            <\/div>\n            \n            <form id=\"wp-lost-password-form\" method=\"post\">\n                <input type=\"hidden\" name=\"action\" value=\"wc_ajax_lost_password\" \/>\n                <input type=\"hidden\" name=\"lost_password_security\" id=\"lost_password_security\" value=\"\" \/>\n                \n                <!-- Email Field -->\n                <div class=\"mobile-form-group\">\n                    <label class=\"form-label mobile-onl-y\" for=\"lost_password_email\" style=\"display: none;\">E-mail address<\/label>\n                    <input class=\"form-input\" name=\"user_login\" id=\"lost_password_email\" type=\"email\" value=\"\" autocomplete=\"email\" required=\"\" placeholder=\"\" \/>\n                <\/div>\n                \n                <button class=\"login-btn\" type=\"submit\" id=\"lost-password-submit\">\n                    <span id=\"lost-password-text\">Send a reset link<\/span>\n                    <span id=\"lost-password-loading\" style=\"display: none;\">Sending...<\/span>\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ Set security nonce\n    document.getElementById('lost_password_security').value = '7d1a3c861f';\n    \n    \/\/ Show mobile labels on smaller screens\n    function handleResponsiveLabels() {\n        const isMobile = window.innerWidth <= 768;\n        const mobileLabels = document.querySelectorAll('.mobile-only');\n        \n        mobileLabels.forEach(label => {\n            label.style.display = isMobile ? 'block' : 'none';\n        });\n    }\n    \n    \/\/ Run on load and resize\n    window.addEventListener('load', handleResponsiveLabels);\n    window.addEventListener('resize', handleResponsiveLabels);\n\n    \/\/ Handle lost password form submission\n    document.getElementById('wp-lost-password-form').addEventListener('submit', function(e) {\n        e.preventDefault();\n        \n        const form = this;\n        const email = form.user_login.value;\n        const security = form.lost_password_security.value;\n        const submitBtn = document.getElementById('lost-password-submit');\n        const lostPasswordText = document.getElementById('lost-password-text');\n        const lostPasswordLoading = document.getElementById('lost-password-loading');\n        \n        \/\/ Validation\n        if (!email) {\n            showLostPasswordAlert('Veuillez saisir votre adresse e-mail.', 'error');\n            return;\n        }\n        \n        \/\/ Basic email validation\n        const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n        if (!emailPattern.test(email)) {\n            showLostPasswordAlert('Veuillez saisir une adresse e-mail valide.', 'error');\n            return;\n        }\n        \n        \/\/ Show loading state\n        submitBtn.disabled = true;\n        lostPasswordText.style.display = 'none';\n        lostPasswordLoading.style.display = 'inline';\n        \n        \/\/ Prepare form data\n        const formData = new FormData();\n        formData.append('action', 'wc_ajax_lost_password');\n        formData.append('user_login', email);\n        formData.append('security', security);\n        \n        \/\/ Send AJAX request to WordPress\n        fetch('https:\/\/damyel.com\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            body: formData\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.success) {\n                showLostPasswordAlert('Un e-mail de r\u00e9initialisation a \u00e9t\u00e9 envoy\u00e9 \u00e0 votre adresse.', 'success');\n                form.reset();\n            } else {\n                showLostPasswordAlert(data.data.message || 'Une erreur est survenue. Veuillez r\u00e9essayer.', 'error');\n            }\n        })\n        .catch(error => {\n            console.error('Error:', error);\n            showLostPasswordAlert('Une erreur est survenue. Veuillez r\u00e9essayer.', 'error');\n        })\n        .finally(() => {\n            \/\/ Reset button state\n            submitBtn.disabled = false;\n            lostPasswordText.style.display = 'inline';\n            lostPasswordLoading.style.display = 'none';\n        });\n    });\n    \n    function showLostPasswordAlert(message, type) {\n        const alert = document.getElementById('lostPasswordAlert');\n        const alertMessage = document.getElementById('lostPasswordAlertMessage');\n        \n        alertMessage.textContent = message;\n        alert.className = 'alert ' + type + ' show';\n        \n        \/\/ Auto-hide success messages\n        if (type === 'success') {\n            setTimeout(() => {\n                alert.className = 'alert';\n            }, 5000);\n        }\n    }\n    \n    \/\/ Check for URL parameters (for messages)\n    const urlParams = new URLSearchParams(window.location.search);\n    const message = urlParams.get('message');\n    const error = urlParams.get('error');\n    \n    if (message) {\n        showLostPasswordAlert(decodeURIComponent(message), 'success');\n    }\n    \n    if (error) {\n        let errorMessage = 'Une erreur est survenue.';\n        switch (error) {\n            case 'empty_username':\n                errorMessage = 'Veuillez saisir votre adresse e-mail.';\n                break;\n            case 'invalid_email':\n                errorMessage = 'Adresse e-mail non valide.';\n                break;\n            case 'invalidcombo':\n                errorMessage = 'Cette adresse e-mail n\\'existe pas dans notre syst\u00e8me.';\n                break;\n        }\n        showLostPasswordAlert(errorMessage, 'error');\n    }\n<\/script>\n\n\t\t\n\t<\/div>\n\t\t\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":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4430","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages\/4430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/comments?post=4430"}],"version-history":[{"count":1,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages\/4430\/revisions"}],"predecessor-version":[{"id":4431,"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/pages\/4430\/revisions\/4431"}],"wp:attachment":[{"href":"https:\/\/damyel.com\/en\/wp-json\/wp\/v2\/media?parent=4430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}