    <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{$(&#039;.ul-account&#039;).load(&#039;index.php?route=extension/module/ajaxlogin/toheaderhtml #top-links ul.ul-account li&#039;);$(&#039;#wishlist-total span&#039;).html(json[&#039;wishlist_total&#039;]);$(&#039;#wishlist-total&#039;).attr(&#039;title&#039;,json[&#039;wishlist_total&#039;]);$(&#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{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();}
if(json[&#039;error_firstname&#039;]!=&#039;&#039;){$(&#039;.error-firstname&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_firstname&#039;]).show();}
if(json[&#039;error_lastname&#039;]!=&#039;&#039;){$(&#039;.error-lastname&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_lastname&#039;]).show();}
if(json[&#039;error_email&#039;]!=&#039;&#039;){$(&#039;.error-email&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_email&#039;]).show();}
if(json[&#039;error_telephone&#039;]!=&#039;&#039;){$(&#039;.error-telephone&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_telephone&#039;]).show();}
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();}
if(json[&#039;error_password&#039;]!=&#039;&#039;){$(&#039;.error-password&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_password&#039;]).show();}
if(json[&#039;error_confirm&#039;]!=&#039;&#039;){$(&#039;.error-confirm&#039;).addClass(&#039;text-danger&#039;).html(json[&#039;error_confirm&#039;]).show();}
$(&#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{$(&#039;.ul-account&#039;).load(&#039;index.php?route=extension/module/ajaxlogin/toheaderhtml #top-links ul.ul-account li&#039;);$(&#039;#wishlist-total span&#039;).html(json[&#039;wishlist_total&#039;]);$(&#039;#wishlist-total&#039;).attr(&#039;title&#039;,json[&#039;wishlist_total&#039;]);$(&#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>