<div class="login-content content clearfix">
	<!-- Begin: left panel -->
	<div class="loginltpanel ">
		<ul id="AjaxdivLoginFields" class="list-unstyled">
			<li class="clearfix">
				<div class="text-uppercase row">
					{if $enableGuestCheckout eq 'Yes'}
					<div class="txt col-md-4 col-12">
                        {form->radio name="checkoutOption" class="checkoutOption" value="guest" checked="checked" id="guest"}
                        <label for="guest">{$language.lblGuestCheckout}</label>
                    </div>
					{assign var="passwordDisplay" value="none"}
					{else}
					{assign var="passwordChecked" value="checked"}
					{assign var="passwordDisplay" value=""} 
					{/if}
					<div class="txt col-md-5 col-12">
                        {form->radio name="checkoutOption" class="checkoutOption" value="signin" id="registed" checked="{$passwordChecked|default:''}"}
                        <label for="registed">{$language.lblAlreadyhaveaccount}</label>
                    </div>
					<div class="txt col-md-3 col-12">
                        {form->radio name="checkoutOption" class="checkoutOption" value="signup" id="register"}
                        <label for="register">{$language.lbltoplinkregister}</label>
                    </div>
				</div>
			</li>
		</ul>
	</div>
	<div class="loginbtmpanel slip">
		<ul id="AjaxdivLoginFields" class="content1 signup checkoutSignup list-unstyled" style="display:none;">
			{include file='cart/AjaxCheckoutSignup.tpl'} 			
		</ul>
		<ul class='login-div logarea list-unstyled'>
			{form->start name="formLogin" method="post" action="" formType="ajax_form"}
                        {form->hidden name="checkoutLogin" value="Yes"} 
			<li class="row userLoginEmail" >
				<div class="mb-3 col-md-6 col-12" >
					<label>{$language.lblEmail} <span class="mndty">*</span></label>
					{form->textbox name="userLoginEmail" class="form-control" validate="required~*email" error=$language.errInvalidEmail maxlength="30"} 
					{form->validate name="checkUserExist" value="1" validate="required" error=$language.errCheckoutEmailExists}
				</div>
				<div class="mb-3 password col-md-6 col-12"  style="display:{$passwordDisplay};">
					<label>{$language.lblPassword} <span class="mndty">*</span></label>
					{form->password name="userLoginPassword"  class="form-control" autocomplete="off" validate="required" error=$language.errLoginUserPassword}
				</div>
				<!--Guest Login-->
			</li>
            <li>
                {if $enableGuestCheckout eq 'Yes'}
				<div class="clearfix guestButton">

					{form->button name="submitLogin" value=$language.lblProceed class="btn btn-secondary  proceedBtn pocedLogin"}
                    {form->button  name="completeLoaderGProceed" style="display:none" disabled="disabled"  id="completeLoaderGProceed" class="btn btn-secondary  buttonDisable" value="{$language.lblProceed}"}
                                        
				</div>
				{/if}
            </li>
			<li class="clearfix loginButton" style="display:{$passwordDisplay};">

				<div class="mb-3 loginButton clearfix"  style="display:{$passwordDisplay};">
					{form->button name="submitLogin" value=$language.lblProceed class="float-left btn btn-secondary btn-md proceedBtn pocedLogin"}
					{form->button  name="completeLoaderLogin" style="display:none" disabled="disabled"  id="completeLoaderLogin" class="float-left btn btn-secondary btn-md buttonDisable" value="{$language.lblProceed}"}
                    {html->anchor href="" class="float-left font-small ml-3 mt-2" id="forgot-password-link " caption=$language.lblForgotPassword}

					
				</div>
			</li>
			{form->close} 
		</ul>
		<!-- forgot password section begins-->
		<div id="forgot-password-block" style="display:none">
			
			<div id="check-email-div" style="display:none">	
				<h3 class="bord-bottom-dot">{$language.lblCheckEmail}</h3>
				<span class="text" id="messageStatus"></span>
			</div>
			<div id="reset-password-div">

                {html->anchor class="chkout-bk-login back float-right" caption="{$language.lblBacktoLogin}" id="back-login-link"}

				<h3>{$language.lblResetPassword}</h3>
				<span class="text "> {$language.lblForgotPasswordtext}</span>
				<div class="clearfix mt-3">
					{form->start name="formForgotPassword" action="" method="post" enctype="multipart/form-data"}
					{form->hidden name="tabFocus" value="1"}
					<fieldset>

						<ul class=" list-unstyled">
							<li class="row"> 

                                <div class="mb-3 col-6 pr-0">
                                <label>{$language.errBusEmail}</label>
                                {form->textbox class="form-control" name="reqemailID" validate="required~*email" error=$language.errValidEmail autocomplete="off"}
                                </div>

                                
                                <div class="mb-3">
                                    <label class="d-block">&nbsp;</label>
                                    {form->submit name="sendPassword" id="sendPassword" class="btn btn-primary  proceedBtn" form="formForgotPassword" value=$language.lblContinue}
                                    {form->submit  name="sendPasswordLoader" style="display:none" disabled="disabled" id="sendPasswordLoader" class="btn btn-primary buttonDisable" value="{$language.lblContinue}"}    

                                </div>
							</li>
						</ul>
					</fieldset>
					{form->close}
				
				</div>
			</div>
		</div>
		<!-- forgot password section ends-->
	</div>
	<!-- End: left panel -->

    {if $userID< 1}
	<div class="loginrtpanel">
		<span class="or-blk border-top d-inline-block"><span class="or-txt font-bold text-center text-uppercase position-absolute p-2 bg-white">{$language.lblOr}</span></span>
        <div class="social-block my-3 d-block">
            {if  $enableFBlogin == 'Yes'}
			<a href="#" onclick="fblogin();return false;" class="facebook-btn mx-3"> 
              <img src="{$view_images}/facebook.png" width="45"  alt=" {$language.lblLogWithFb}">
            </a> 
            {/if}
          <a id="gplus" class="mx-3">
             <img src="{$view_images}/google-plus.png" width="45" alt="{$language.lblLogWithGoogle}" />
          </a>
        </div>
	</div>
	{/if}
	
	{form->validate_script form="formLogin"}
	{form->validate_script form="formForgotPassword"}
	{form->validate_script form="formUserSignup"}

</div>