{"outputHtml":"<div class=\"white-popup customer-ajax-login\">\n    <div class=\"modal-content\">\n        <img class=\"logo\" src=\"https:\/\/www.top-tex.nl\/skin\/frontend\/rwd\/toptex_2020\/images\/logo.svg\" alt=\"\"  \/>\n\n        <div class=\"native-sentence\" style=\"display: none\">\n            <img class=\"native-icon\" alt=\"Native Spirit Icon\" src=\"https:\/\/www.top-tex.nl\/skin\/frontend\/rwd\/toptex_2020\/images\/nativespirit-symbol.svg\" \/>\n            <p>Log in om uw Native Spirit aanbieding te bekijken.<\/p>\n        <\/div>\n        <form action=\"https:\/\/www.top-tex.nl\/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\" >E-mailadres<\/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=\"E-mailadres\" \/>\n                    <\/div>\n                <\/li>\n                <li>\n                    <div class=\"input-box\">\n                        <label for=\"pass\" >Wachtwoord<\/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=\"Wachtwoord\" \/>\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=\"Onthoud mij\" \/> &nbsp;\n                            <span class=\"tt-checkbox\"><\/span>\n                        <\/label>\n                        <label for=\"rememberme\" class=\"f-none\">Onthoud mij<\/label>\n                        <div class=\"flex-break\"><\/div>\n                        <a href=\"https:\/\/www.top-tex.nl\/customer\/account\/forgotpassword\/\" class=\"button button-secondary f-right\">Wachtwoord vergeten?<\/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=\"Inloggen\" name=\"send\" id=\"send2\" class=\"button\">\n                    <span>Inloggen<\/span>\n                <\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n    <div class=\"modal-content new-users\">\n        <p>Heb je nog geen account ?<\/p>\n        <a title=\"Account aanmaken\" class=\"\" href=\"https:\/\/www.top-tex.nl\/subscription\/\"><span>Account aanmaken ><\/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"}