{"isLogged":false,"html":"<div id=\"auth-login-container\">\n    <form action=\"https:\/\/www.mikroe.com\/login\" method=\"post\" id=\"login_form\" class=\"login_form_class\">\n        <p id=\"errorField\" class=\"errorField\"><\/p>\n        \n        <div class=\"auth-form-wrapper clearfix\">\n            <div class=\"auth-form-content\">\n                        <div class=\"form-group\">\n                            <label for=\"email\">Email<\/label>\n                            <input class=\"is_required validate form-control\" data-validate=\"isEmail\" type=\"email\" id=\"email\" name=\"email\" value=\"\"\/>\n                            <p id=\"email-error\" class=\"errorField\"><\/p>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"passwd\">Password<\/label>\n                            <input class=\"is_required validate form-control\" type=\"password\" data-validate=\"isPasswd\" id=\"passwd\" name=\"passwd\" value=\"\"\/>\n                        <\/div>\n            <\/div><!-- auth-form-content END -->\n\n            <div class=\"auth-form-buttons\">\n                <div class=\"auth-form-button-wrapper\">\n                    <input type=\"hidden\" class=\"hidden\" name=\"back\" value=\"\" \/>                                            <a data-href=\"\/login?create_account=1\" type=\"button\" id=\"auth-form-signup-btn\" class=\"link act-as-link\">\n                            Create account\n                        <\/a>\n                                    <\/div>\n                <div class=\"standard-buy-btn\">\n                    <input type=\"hidden\" class=\"hidden\" name=\"back\" value=\"\" \/>                    <button type=\"submit\" id=\"auth-form-signin-btn\" name=\"SubmitLogin\" class=\"standard-buy-btn chevron-invisible\">\n                        <span>Sign in<\/span><i class=\"icon-chevron-right right\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div><!-- auth-form-buttons END -->\n            <p class=\"auth-form-lost-password\">\n            <a href=\"https:\/\/www.mikroe.com\/password-recovery\" title=\"Forgot your password?\" rel=\"nofollow\">\n                Forgot your password?\n            <\/a>\n            <\/p>\n\n        <\/div>\n    <\/form>\n<\/div>\n\n<script>\n\n    $(document).ready(function() {\n        'use strict';\n        \/**\n         * Fetch all login forms, except ones that have the\n         * isGuestCheckout hidden input. This form has its\n         * own component, and should not be handled here.\n         *\/\n        var loginForms = $('.login_form_class').filter(function(_,form) {\n            if ( $(form).find('#isGuestCheckout').val() !== '1' ) {\n                return true;\n            }\n\n            return false;\n        });\n\n        var onAjaxRequestStart = function(loginButton,errorMessageField) {\n            loginButton\n                .addClass('spinner-center')\n                .find('i.icon-chevron-right')\n                .removeClass('icon-chevron-right right')\n                .addClass('fal fa-spin fa-spinner-third');\n\n            errorMessageField.text('');\n        }\n\n        var onAjaxRequestEnd = function(loginButton,errorMessageField) {\n            loaderOnFormSubmitEnd({ target:loginButton[0] });\n        }\n\n        loginForms.off('submit.LoginForms');\n\n        loginForms.on('submit.LoginForms',function(e) { \n            e.preventDefault();\n\n            var loginForm = $(this);\n            var loginButton = loginForm.find('#auth-form-signin-btn');\n            var errorMessageField = loginForm.find('#errorField');\n            var emailErrorMessageField = loginForm.find('#email-error');\n            var emailInput = loginForm.find('#email');\n            var passwdInput = loginForm.find('#passwd');\n\n            var data = $.extend({},loginForm.serializeObject(),{\n                ajax:1,\n                SubmitLogin:1\n            });\n        \n            onAjaxRequestStart(loginButton,errorMessageField);\n        \n            $.ajax({\n                method:loginForm.attr('method'),\n                url:loginForm.attr('action'),\n                data:data,\n                headers: { 'cache-control': 'no-cache' },\n                dataType:'json',\n                success:function(response) {\n                    if ( !response ) {\n                        onAjaxRequestEnd(loginButton,errorMessageField);\n\n                        return errorMessageField.text('Error occured. Please try again.');\n                    }\n\n                    if ( response.hasError ) {\n                        onAjaxRequestEnd(loginButton,errorMessageField);\n\n                        var firstErrorKey = Object.keys(response.namedErrors)[0];\n\n                        if( response.namedErrors.email !== undefined ){\n                            emailErrorMessageField.text('');\n                            errorMessageField.text('');\n                            emailInput.addClass('invalid-input');\n                            return emailErrorMessageField.text(response.namedErrors[firstErrorKey][0]);\n                        }else if( response.namedErrors.email == undefined ){\n                            emailErrorMessageField.text('');\n                            errorMessageField.text('');\n                            emailInput.addClass('invalid-input');\n                            passwdInput.addClass('invalid-input');\n                            return errorMessageField.text(response.namedErrors[firstErrorKey][0]);  \n                        }\n                    }\n                    \/**\n                    * Trick to reloading the page, without triggering\n                    * a POST request ( to avoid popup confirm ).\n                    *\/\n                    window.location.href = window.location.href;\n                },\n                error:function(err) {\n                    onAjaxRequestEnd(loginButton,errorMessageField);\n\n                    errorMessageField.text('Error occured. Please try again.');\n                }\n            })\n        });\n    });\n\n<\/script>"}