{"id":4393,"date":"2026-01-28T19:31:02","date_gmt":"2026-01-28T18:31:02","guid":{"rendered":"https:\/\/www.solutat.fr\/?page_id=4393"},"modified":"2026-02-02T12:17:01","modified_gmt":"2026-02-02T11:17:01","slug":"connection","status":"publish","type":"page","link":"https:\/\/www.solutat.fr\/en\/connexion\/","title":{"rendered":"Connection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4393\" class=\"elementor elementor-4393\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5850e446 e-flex e-con-boxed e-con e-parent\" data-id=\"5850e446\" 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-44b957a4 elementor-widget elementor-widget-text-editor\" data-id=\"44b957a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><style>\n.tattoo-login-wrapper {\n    max-width: 450px;\n    margin: 60px auto;\n    padding: 20px;\n}\n.tattoo-login-card {\n    background: white;\n    padding: 40px;\n    border-radius: 16px;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n}\n.tattoo-login-header {\n    text-align: center;\n    margin-bottom: 30px;\n}\n.tattoo-login-header h2 {\n    font-size: 32px;\n    margin: 0 0 10px 0;\n}\n.tattoo-form-group {\n    margin-bottom: 20px;\n}\n.tattoo-form-group label {\n    display: block;\n    font-weight: 600;\n    margin-bottom: 8px;\n}\n.tattoo-input {\n    width: 100%;\n    padding: 14px 16px;\n    border: 2px solid #e0e0e0;\n    border-radius: 10px;\n    font-size: 15px;\n    box-sizing: border-box;\n}\n.tattoo-input:focus {\n    outline: none;\n    border-color: #000;\n}\n.tattoo-btn-submit {\n    width: 100%;\n    padding: 16px;\n    background: #000;\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n}\n.tattoo-btn-submit:hover:not(:disabled) {\n    background: #333;\n}\n.tattoo-btn-submit:disabled {\n    opacity: 0.6;\n}\n.tattoo-login-error {\n    background: #fee;\n    border-left: 4px solid #f44;\n    padding: 12px 16px;\n    border-radius: 8px;\n    color: #c00;\n    margin-bottom: 20px;\n    display: none;\n}\n.tattoo-login-error.show {\n    display: block;\n}\n.required { color: #e74c3c; }\n<\/style>\n\n<div class=\"tattoo-login-wrapper\">\n    <div class=\"tattoo-login-card\">\n        <div class=\"tattoo-login-header\">\n            <h2>Connexion<\/h2>\n            <p style=\"color:#666;\">Acc\u00e9dez \u00e0 votre compte Solutat<\/p>\n        <\/div>\n       \n        <div style=\"text-align:center;\">\n            <p style=\"color:#666;margin-bottom:10px;\">Pas encore de compte ?<\/p>\n            <a href=\"https:\/\/www.solutat.fr\/en\/inscription\" style=\"display:inline-block;padding:12px 24px;background:#f0f0f0;color:#000;border-radius:8px;text-decoration:none;font-weight:600;\">\n                Cr\u00e9er un compte Solutat\n            <\/a>\n        <\/div>\n\n        <hr style=\"margin:30px 0;border:none;border-top:1px solid #e0e0e0;\">\n        <div class=\"tattoo-login-error\" id=\"login-error\"><\/div>\n        \n        <div class=\"tattoo-form-group\">\n            <label>Email <span class=\"required\">*<\/span><\/label>\n            <input type=\"email\" class=\"tattoo-input\" id=\"login-email\" placeholder=\"votre@email.com\" required>\n        <\/div>\n        \n        <div class=\"tattoo-form-group\">\n            <label>Mot de passe <span class=\"required\">*<\/span><\/label>\n            <input type=\"password\" class=\"tattoo-input\" id=\"login-password\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" required>\n        <\/div>\n        \n        <div style=\"margin-bottom:20px;\">\n            <label style=\"display:flex;align-items:center;gap:8px;font-weight:normal;cursor:pointer;\">\n                <input type=\"checkbox\" id=\"remember-me\" style=\"width:18px;height:18px;\">\n                <span style=\"font-size:14px;\">Se souvenir de moi<\/span>\n            <\/label>\n        <\/div>\n        \n        <button class=\"tattoo-btn-submit\" id=\"login-btn\" onclick=\"submitLogin()\">\n            Se connecter\n        <\/button>\n        \n        <div style=\"text-align:center;margin-top:15px;font-size:14px;\">\n            <a href=\"https:\/\/www.solutat.fr\/en\/my-account\/lost-password\/\" style=\"color:#666;\">Mot de passe oubli\u00e9 ?<\/a>\n        <\/div>\n        \n       \n    <\/div>\n<\/div>\n\n<script>\nfunction submitLogin() {\n    const email = document.getElementById('login-email').value;\n    const password = document.getElementById('login-password').value;\n    const remember = document.getElementById('remember-me').checked;\n    \n    if (!email || !password) {\n        showError('Veuillez remplir tous les champs');\n        return;\n    }\n    \n    const btn = document.getElementById('login-btn');\n    btn.disabled = true;\n    btn.textContent = 'Connexion...';\n    \n    const formData = new FormData();\n    formData.append('action', 'tattoo_login');\n    formData.append('email', email);\n    formData.append('password', password);\n    formData.append('remember', remember ? 'yes' : 'no');\n    formData.append('nonce', 'e898f89d8f');\n    \n    fetch('https:\/\/www.solutat.fr\/wp-admin\/admin-ajax.php', {\n        method: 'POST',\n        body: formData\n    })\n    .then(r => r.json())\n    .then(data => {\n        if (data.success) {\n            window.location.href = data.data.redirect;\n        } else {\n            showError(data.data.message);\n            btn.disabled = false;\n            btn.textContent = 'Se connecter';\n        }\n    })\n    .catch(() => {\n        showError('Erreur de connexion');\n        btn.disabled = false;\n        btn.textContent = 'Se connecter';\n    });\n}\n\nfunction showError(msg) {\n    const el = document.getElementById('login-error');\n    el.textContent = msg;\n    el.classList.add('show');\n}\n\n\/\/ Enter key\ndocument.addEventListener('DOMContentLoaded', function() {\n    ['login-email', 'login-password'].forEach(id => {\n        document.getElementById(id).addEventListener('keypress', function(e) {\n            if (e.key === 'Enter') submitLogin();\n        });\n    });\n});\n<\/script><\/p>\t\t\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4393","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages\/4393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/comments?post=4393"}],"version-history":[{"count":12,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages\/4393\/revisions"}],"predecessor-version":[{"id":4602,"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/pages\/4393\/revisions\/4602"}],"wp:attachment":[{"href":"https:\/\/www.solutat.fr\/en\/wp-json\/wp\/v2\/media?parent=4393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}