{"outputHtml":"<div class=\"white-popup customer-ajax-login\">\n    <div class=\"modal-content\">\n        <img class=\"logo\" src=\"https:\/\/www.toptex.be\/skin\/frontend\/rwd\/toptex_2020\/images\/logo.svg\" alt=\"Toptex\"  \/>\n\n        <div class=\"native-sentence\" style=\"display: none\">\n            <img class=\"native-icon\" alt=\"Native Spirit Icon\" src=\"https:\/\/www.toptex.be\/skin\/frontend\/rwd\/toptex_2020\/images\/nativespirit-symbol.svg\" \/>\n            <p>Pour acceder \u00e0 votre offre Native Spirit, connectez-vous.<\/p>\n        <\/div>\n        <form action=\"https:\/\/www.toptex.be\/fr\/ttcustomer\/ajax\/loginpost\/\" method=\"post\" id=\"login-form\" class=\"scaffold-form\">\n            <input class=\"redirect_success\" name=\"redirect_success\" type=\"hidden\" value=\"\" \/>\n            <ul class=\"form-list\">\n                <li>\n                    <div class=\"input-box\">\n                        <label for=\"email\" >Adresse e-mail<\/label>\n                        <input type=\"email\"  autocapitalize=\"off\" autocorrect=\"off\" spellcheck=\"false\" name=\"login[username]\" placeholder=\"\" value=\"\" id=\"email\" class=\"input-text required-entry validate-email\" title=\"Adresse e-mail\" \/>\n                    <\/div>\n                <\/li>\n                <li>\n                    <div class=\"input-box\">\n                        <label for=\"pass\" >Mot de passe<\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"password\" name=\"login[password]\" class=\"input-text required-entry validate-password-login\" placeholder=\"\" id=\"pass\" title=\"Mot de passe\" \/>\n                            <button type=\"button\" class=\"visible-password-toggle\">\n                                <span class=\"glyph glyph-eye\"><\/span>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/li>\n                <li class=\"li-actions\">\n                    <div class=\"input-box\">\n                        <label class=\"tt-checkbox-wrapper\">\n                            <input id=\"rememberme\" type=\"checkbox\" name=\"login[remember]\" title=\"Se souvenir de moi\" \/> &nbsp;\n                            <span class=\"tt-checkbox\"><\/span>\n                        <\/label>\n                        <label for=\"rememberme\" class=\"f-none\">Se souvenir de moi<\/label>\n                        <div class=\"flex-break\"><\/div>\n                        <a href=\"https:\/\/www.toptex.be\/fr\/customer\/account\/forgotpassword\/\" class=\"button button-secondary f-right\">Mot de passe oubli\u00e9 ?<\/a>\n                    <\/div>\n                <\/li>\n                <input class=\"mhhs-input\" type=\"text\" name=\"subname\"\n       autocomplete=\"off\" autofill=\"off\"\/>\n            <\/ul>\n            <div class=\"buttons-set\">\n                <button type=\"submit\" title=\"Se connecter\" name=\"send\" id=\"send2\" class=\"button\">\n                    <span>Se connecter<\/span>\n                <\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n    <div class=\"modal-content new-users\">\n        <p>Vous n'avez pas encore de compte ?<\/p>\n        <a title=\"Cr\u00e9er mon compte\" class=\"\" href=\"https:\/\/www.toptex.be\/fr\/subscription\/\"><span>Cr\u00e9er mon compte ><\/span><\/a>\n    <\/div>\n    <script type=\"text\/javascript\">\n        var dataForm = new VarienForm('login-form', true);\n        jQuery('#send2').on('click', function (e) {\n            e.preventDefault();\n\n            jQuery('.validation-advice').remove();\n\n            if(!dataForm.validator.validate()){\n                return;\n            }\n\n            var form = jQuery(\"#login-form\");\n            form.find('button').prop( \"disabled\", true );\n            var formData = form.serializeArray();\n            formData.push({ name: \"ajax\", value: \"1\" });\n\n            jQuery('#loading-mask').show();\n            jQuery.ajax({\n                url: form.attr('action'),\n                type    : \"POST\",\n                data    : formData,\n                error   : function (xhr, ajaxOptions, thrownError){\n                    alert(xhr.status + \" : \" + thrownError);\n                    jQuery('#loading-mask').hide();\n                },\n                success : function(jsonData) {\n                    form.find('button').prop( \"disabled\", false);\n\n                    var response = JSON.parse(jsonData);\n                    if (response.redirect) {\n                        jQuery.magnificPopup.close();\n                        if(response.anchor){\n                            window.location.href = response.redirect + response.anchor;\n                            window.location.reload(true);\n                        }\n                        else{\n                            document.location = response.redirect;\n                            return;\n                        }\n                    } else {\n                        var msg = response.message;\n                        if (msg) {\n                            jQuery('#login-form .input-text').after('<div class=\"validation-advice\">' + msg + '<\/div>');\n                            jQuery('#login-form .input-text').addClass('validation-failed');\n                            jQuery('#loading-mask').hide();\n                            return;\n                        }\n                    }\n                }\n            });\n        });\n\n        jQuery(document).ready(function() {\n            var mhhsInput = $$('.mhhs-input');\n            if (mhhsInput.length > 0) {\n                mhhsInput.each(Element.hide);\n            }\n            jQuery(\"#email\").focus();\n\n            jQuery(\".visible-password-toggle\").click(function(e) {\n                var inputType = jQuery( this ).siblings(\"input\").attr(\"type\");\n\n                if (inputType == \"password\"){\n                    jQuery( this ).siblings(\"input\").attr(\"type\",\"text\");\n                    jQuery( this ).addClass(\"active\");\n                }\n                if (inputType == \"text\"){\n                    jQuery( this ).siblings(\"input\").attr(\"type\",\"password\");\n                    jQuery( this ).removeClass(\"active\");\n                }\n            });\n        });\n    <\/script>\n<\/div>\n"}