    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-js">$(document).ready(function () {
    var enable_status = $(&#039;#input-opc-status&#039;).val();
    if(enable_status == &#039;1&#039;) {
        ocajaxlogin.changeEvent();
    }
});

$(document).ajaxComplete(function () {
    var enable_status = $(&#039;#input-opc-status&#039;).val();
    if(enable_status == &#039;1&#039;) {
        ocajaxlogin.changeEvent();
    }
});

var ocajaxlogin = {
    &#039;loginAction&#039; : function(email, password) {
        $.ajax({
            url: &#039;index.php?route=extension/module/ajaxlogin/login&#039;,
            type: &#039;post&#039;,
            data: { email: email, password: password },
            dataType: &#039;json&#039;,
            beforeSend: function () {
                $(&#039;.ajax-load-img&#039;).show();
            },
            success: function (json) {
                if(json[&#039;success&#039;] == true) {
                    if(json[&#039;enable_redirect&#039;]) {
                        location = json[&#039;redirect&#039;];
                    } else {
                        // Update account top links
                        $(&#039;.ul-account&#039;).load(&#039;index.php?route=extension/module/ajaxlogin/toheaderhtml #top-links ul.ul-account li&#039;);

                        // Update wishlish in top links
                        $(&#039;#wishlist-total span&#039;).html(json[&#039;wishlist_total&#039;]);
                        $(&#039;#wishlist-total&#039;).attr(&#039;title&#039;, json[&#039;wishlist_total&#039;]);

                        // Update cart total
                        $(&#039;#cart-total&#039;).html(json[&#039;cart_total&#039;]);
                        $(&#039;#cart &gt; ul&#039;).load(&#039;index.php?route=common/cart/info ul li&#039;);

                        $(&#039;body&#039;).before(&#039;&lt;div class=&quot;alert alert-success&quot;&gt;&lt;i class=&quot;fa fa-check-circle&quot;&gt;&lt;/i&gt; &#039; + json[&#039;success_message&#039;] + &#039;&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;alert&quot;&gt;&amp;times;&lt;/button&gt;&lt;/div&gt;&#039;);
                    }
                    ocajaxlogin.closeForm();
                    $(&#039;.ajax-load-img&#039;).hide();
                    $(&#039;.login-form-content .alert-danger&#039;).remove();
                } else {
                    $(&#039;.ajax-load-img&#039;).hide();
                    $(&#039;.login-form-content .alert-danger&#039;).remove();
                    $(&#039;#input-email&#039;).val(&#039;&#039;);
                    $(&#039;#input-password&#039;).val(&#039;&#039;);
                    $(&#039;.ajax-content .login-form-content&#039;).append(&#039;&lt;div class=&quot;alert alert-danger&quot;&gt;&lt;i class=&quot;fa fa-exclamation-circle&quot;&gt;&lt;/i&gt; &#039; +
                                        json[&#039;error_warning&#039;] +
                                        &#039;&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;alert&quot;&gt;&amp;times;&lt;/button&gt;&lt;/div&gt;&#039;);
                }
            }
        });
    },
    
    &#039;registerAction&#039; : function () {
        $(&#039;.for-error&#039;).removeClass(&#039;text-danger&#039;).hide();
        $(&#039;.form-group&#039;).removeClass(&#039;has-error&#039;);
        $.ajax({
            url: &#039;index.php?route=extension/module/ajaxregister/register&#039;,
            type: &#039;post&#039;,
            data: $(&#039;#ajax-register-form&#039;).serialize(),
            dataType: &#039;json&#039;,
            beforeSend: function () {
                $(&#039;.ajax-load-img&#039;).show();
            },
            success: function (json) {
                $(&#039;.ajax-load-img&#039;).hide();
                if(json[&#039;success&#039;] == true) {
                    ocajaxlogin.appendSuccess();
                } else {

                    // Error Warning
                    if(json[&#039;error_warning&#039;] != &#039;&#039;) {
                        $(&#039;.error-warning span&#039;).html(&quot; &quot; + json[&#039;error_warning&#039;]);
                        $(&#039;.error-warning&#039;).show();
                    }

                    // First Name
                    if(json[&#039;error_firstname&#039;] != &#039;&#039;) {
                        $(&#039;.error-firstname&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_firstname&#039;]).show();
                    }

                    // Last Name
                    if(json[&#039;error_lastname&#039;] != &#039;&#039;) {
                        $(&#039;.error-lastname&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_lastname&#039;]).show();
                    }

                    // Email
                    if(json[&#039;error_email&#039;] != &#039;&#039;) {
                        $(&#039;.error-email&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_email&#039;]).show();
                    }

                    // Telephone
                    if(json[&#039;error_telephone&#039;] != &#039;&#039;) {
                        $(&#039;.error-telephone&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_telephone&#039;]).show();
                    }

                    // Custom Field
                    if(json[&#039;error_custom_field&#039;] != &#039;&#039;) {
                        $(&#039;.error-custom&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_custom_field&#039;]).show();
                    }

                    // Password
                    if(json[&#039;error_password&#039;] != &#039;&#039;) {
                        $(&#039;.error-password&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_password&#039;]).show();
                    }

                    // Confirm Password
                    if(json[&#039;error_confirm&#039;] != &#039;&#039;) {
                        $(&#039;.error-confirm&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_confirm&#039;]).show();
                    }

                    // Highlight any found errors
                    $(&#039;.text-danger&#039;).each(function() {
                        var element = $(this).parent().parent();

                        if (element.hasClass(&#039;form-group&#039;)) {
                            element.addClass(&#039;has-error&#039;);
                        }
                    });
                }
            }
        });
    },
    
    &#039;logoutAction&#039; : function () {
        $.ajax({
            url: &#039;index.php?route=extension/module/ajaxlogin/logout&#039;,
            dataType: &#039;json&#039;,
            beforeSend: function () {
                $(&#039;#ajax-login-block&#039;).show();
                $(&#039;#ajax-loader&#039;).show();
            },
            success: function (json) {
                if(json[&#039;enable_redirect&#039;]) {
                    location = json[&#039;redirect&#039;];
                } else {
                    // Update account top links
                    $(&#039;.ul-account&#039;).load(&#039;index.php?route=extension/module/ajaxlogin/toheaderhtml #top-links ul.ul-account li&#039;);

                    // Update wishlish in top links
                    $(&#039;#wishlist-total span&#039;).html(json[&#039;wishlist_total&#039;]);
                    $(&#039;#wishlist-total&#039;).attr(&#039;title&#039;, json[&#039;wishlist_total&#039;]);

                    // Update cart total
                    $(&#039;#cart-total&#039;).html(json[&#039;cart_total&#039;]);
                    $(&#039;#cart &gt; ul&#039;).load(&#039;index.php?route=common/cart/info ul li&#039;);
                }
                $(&#039;#ajax-loader&#039;).hide();
                ocajaxlogin.appendLogoutSuccess();
            }
        });
    },
    
    &#039;appendLoginForm&#039; : function() {
        ocajaxlogin.resetLoginForm();
        ocajaxlogin.resetRegisterForm();
        $(&#039;.ajax-body-login&#039;).show();
        $(&#039;.account-register&#039;).hide(&#039;400&#039;);
        $(&#039;#ajax-login-block&#039;).show();
        $(&#039;.account-login&#039;).show(&#039;600&#039;);
    },
    
    &#039;appendRegisterForm&#039; : function() {
        ocajaxlogin.resetLoginForm();
        ocajaxlogin.resetRegisterForm();
        $(&#039;.ajax-body-login&#039;).show();
        $(&#039;.account-login&#039;).hide(&#039;400&#039;);
        $(&#039;#ajax-login-block&#039;).show();
        $(&#039;.account-register&#039;).show(&#039;600&#039;);
    },

    &#039;appendSuccess&#039; : function () {
        $(&#039;.ajax-body-login&#039;).show();
        $(&#039;.account-register&#039;).hide(&#039;400&#039;);
        $(&#039;.account-success&#039;).show(&#039;600&#039;);
    },

    &#039;appendLogoutSuccess&#039; : function () {
        $(&#039;.ajax-body-login&#039;).show();
        $(&#039;.logout-success&#039;).show(&#039;600&#039;);
    },

    &#039;resetLoginForm&#039; : function () {
        $(&#039;.login-form-content .alert-danger&#039;).remove();
        $(&#039;#ajax-login-form&#039;)[0].reset();
    },
    
    &#039;resetRegisterForm&#039; : function () {
        $(&#039;.for-error&#039;).removeClass(&#039;text-danger&#039;).hide();
        $(&#039;.form-group&#039;).removeClass(&#039;has-error&#039;);
        $(&#039;#ajax-register-form&#039;)[0].reset();
    },

    &#039;closeForm&#039; : function () {
        $(&#039;#ajax-login-block&#039;).hide();
        $(&#039;#ajax-loader&#039;).hide();
        $(&#039;.account-login&#039;).hide(&#039;400&#039;);
        $(&#039;.account-register&#039;).hide(&#039;400&#039;);
        $(&#039;.account-success&#039;).hide();
        $(&#039;.logout-success&#039;).hide();
        $(&#039;.ajax-body-login&#039;).hide();
        ocajaxlogin.resetLoginForm();
        ocajaxlogin.resetRegisterForm();
    },
    
    &#039;changeEvent&#039; : function () {
        $(&#039;#a-register-link&#039;).attr(&#039;href&#039;, &#039;javascript:void(0);&#039;)
            .attr(&#039;onclick&#039;, &#039;ocajaxlogin.appendRegisterForm()&#039;);
        $(&#039;#a-login-link&#039;).attr(&#039;href&#039;, &#039;javascript:void(0);&#039;)
            .attr(&#039;onclick&#039;, &#039;ocajaxlogin.appendLoginForm()&#039;);
        $(&#039;#a-logout-link&#039;).attr(&#039;href&#039;, &#039;javascript:void(0);&#039;)
            .attr(&#039;onclick&#039;, &#039;ocajaxlogin.logoutAction()&#039;);
    }
};</code></pre>        </div>
    </div>