
<div class="login-content content clearfix">
	<!-- Begin: right panel  -->
	
	<!-- End: right panel  -->
	<!-- Begin: left panel -->
	<div class="loginltpanel ">
		<ul id="AjaxdivLoginFields">
			<li class="clearfix">
				<div class="text-uppercase row">
					{if $enableGuestCheckout eq 'Yes'}
					<div class="txt col-sm-4 col-xs-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-sm-5 col-xs-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-sm-3 col-xs-12">{form->radio name="checkoutOption" class="checkoutOption" value="signup" id="register"}<label for="register">{$language.lbltoplinkregister}</label></div>
				</div>
			</li>
		</ul>
	</div>
    {if $userID< 1 && $enableFBlogin == 'Yes'}
	<div class="loginrtpanel">
		<span class="or-blk"><span class="or-txt">{$language.lblOr}</span></span>
     <div class="social-block">
   
		<span class="fblogin-outer">
			<a href="#" onclick="fblogin();return false;" class="facebook-btn"> 
                <img src="{$view_images}/fblogin.png" width="223" height="41" alt="fblogin"> 
            </a> 
		</span>
       
        </div>
	</div>
	{/if}
	<div class="loginbtmpanel slip	">
		<ul id="AjaxdivLoginFields" class="content1 signup checkoutSignup" style="display:none;">
			{include file='cart/AjaxCheckoutSignup.tpl'} 			
		</ul>
		<ul class='login-div' id="check-email-div">
			{form->start name="formLogin" method="post" action="" formType="ajax_form"}
			<li class="row userLoginEmail" >
				<div class="form-group col-sm-6 col-xs-12" >
					<label>{$language.lblEmail} <span class="mndty">*</span></label>
                    
					 {form->textbox name="userLoginEmail" class="form-control curve-3" validate="required~*email" error=$language.errInvalidEmail maxlength="30"} 
					{form->validate name="checkUserExist" value="1" validate="required" error=$language.errCheckoutEmailExists}
				</div>
				<div class="form-group password col-sm-6 col-xs-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 class="userLoginEmail">
                {if $enableGuestCheckout eq 'Yes'}
				<div class="clearfix guestButton">
					
					{form->button name="submitLogin" value=$language.lblProceed class="btn btn-primary btn-sm proceedBtn"}
				</div>
				{/if}
            </li>
			<li class="clearfix loginButton" style="display:{$passwordDisplay};">
				<div class="form-group loginButton"  style="display:{$passwordDisplay};">
					{form->button name="submitLogin" value=$language.lblProceed class="pull-left btn btn-primary btn-sm proceedBtn"}
					{html->anchor href="" class="margin-left padding-top pull-left" 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 href="" class="chkout-bk-login back pull-right" caption="{$language.lblBacktoLogin}" id="back-login-link"}
				<h3>{$language.lblResetPassword}</h3>
				
				<span class="text "> {$language.lblForgotPasswordtext}</span>
				<div class="clearfix margin-top">
					{form->start name="formForgotPassword" action="" method="post" enctype="multipart/form-data"}
					{form->hidden name="tabFocus" value="1"}
					<fieldset>
						<ul class="row">
							
							<li> 
                            <div class="form-group col-sm-6 col-xs-12">
                            <label>{$language.errBusEmail}</label>
                            {form->textbox class="form-control" name="reqemailID" validate="required~*email" error=$language.errValidEmail autocomplete="off"}
                            </div>
                                <label class="hidden-xs">&nbsp;</label>
                            <div class="form-group">{form->submit name="sendPassword" id="sendPassword" class="btn btn-primary btn-sm proceedBtn" form="formForgotPassword" value=$language.lblContinue}</div>
							</li>
						</ul>
					</fieldset>
					{form->close}
				
				</div>
			</div>
		</div>
		<!-- forgot password section ends-->
	</div>
	<!-- End: left panel -->
	{form->validate_script form="formLogin"}
	{form->validate_script form="formForgotPassword"}
	{form->validate_script form="formUserSignup"}
	<script type="text/javascript">
		
	</script>
</div>