<div class="log-sin-bx">
  <a href="javascript:void(0)" class="active logintab">{$language.lblLogin}</a> 
  <a href="javascript:void(0)" class="signuptab">{$language.lblSignUp}</a>
</div>

  <span class="close-icon log-close"></span>			 

<div class="loginPanel detail-div">
  <div id="common_message_forgot" ></div>
  <div id="common_message_logout" ></div>
  <div id="common_message_referal" ></div>
  
  <div class="login-div">
    <div id="common_login_message"></div>
    {assign var="userID" value=$userID|default:''}				 
    {form->start name="formLogin" action="" method="post" autocomplete="off" enctype="multipart/form-data" onsubmit="return false;"}
    {form->hidden name="tabFocus" value="1"}
    <fieldset>
      <ul class="clearfix" >
        <li>
          <div class="field"> 
            {form->textbox name="userLoginEmail" validate_event="submit"  class="form-control" placeholder=$language.lblUsername autocomplete="off" validate="required~*email~*isTag" error=$language.errEmailID|cat:"~*"|cat:$language.errValidEmail|cat:"~*"|cat: $language.errtags} 
          </div>
        </li>
        <li>
          <div class="field"> 
            {form->password name="userLoginPassword"  validate_event="submit"  class="form-control" placeholder=$language.lblPassword autocomplete="off" validate="required" error=$language.errLoginUserPassword} 
          </div>
        </li>
        <li>
          <div class="field text-left">
            {form->submit name="submitLogin" id="submit-login" validate_submit="yes" value=$language.lblLogin class="btn-block btn btn-primary"}  {html->anchor href="" class="fr-pw" id="forgot-password-link" caption=$language.lblForgotPassword} 
          </div>
        </li>
      </ul>
    </fieldset>
    <div class="newuser">
      <span>{$language.lblNewToClikky}</span> 
      <a href="javascript:void(0)" class="signuptab">{$language.lblSignUp}</a>
    </div>
    {form->close}
  </div>
    {*<!-- forgot password section begins-->*}
  <div id="forgot-password-block" class="padding" style="display:none">
    <div id="check-email-div" style="display:none">
      <h3 class="bord-bottom-dot">{$language.lblCheckEmail}</h3>
      <div class="col-xs-12">
           <div class="warning" id="messageStatus"></div></div>
    </div>
    <div id="reset-password-div">
     {* <!--<h3>{$language.lblResetPassword}</h3>-->*}
      <div class="back-to-login">{html->anchor href="" class="bk-login" caption="{$language.lblBacktoLogin}" id="back-login-link"}</div>
      <div class="reset-password">{$language.lblResetPassword}</div>
      <div class="clearfix"></div>
      <span class="text"> {$language.lblForgotPasswordtext} {$commonSiteName}</span>
      <div class="clearfix popup-action">
        {form->start name="formForgotPassword" action="" method="post" enctype="multipart/form-data"}
        {form->hidden name="tabFocus" value="1"}
        <figure>
          <img src="{$view_images}/signup.png" alt="">
        </figure>
        <fieldset>
          <ul class="clearfix">
            <li>
              <div class="field"> {form->textbox class="form-control" name="reqemailID" validate="required~*email" error=$language.errValidEmail autocomplete="off"}</div>
            </li>
            <li>
              <div class="field">{form->submit name="sendPassword" id="submit" class="btn-block btn btn-primary" form="formForgotPassword" value=$language.lblContinue}</div>
            </li>
          </ul>
        </fieldset>
        {form->close}
      </div>
    </div>
  </div>
  {*<!-- forgot password section ends-->*}
</div>




<div class="SignupPanel" style="display:none;">
  {* <span class="close-icon log-close"></span> *}
  {form->start name="formUserSignup" action="" autocomplete="off" method="post" enctype="multipart/form-data" onsubmit="return false;"}
  {form->hidden name="tabFocus" value="2"}
  {form->hidden name="statehidValue"}
  {form->hidden name="referralID"}
  <div class="signup-form popup-action">
    <figure>
      <img src="{$view_images}/signup.png" alt="">
    </figure>
    <fieldset>


      <ul class="col-md-6">
        <li class="clearfix form-group">
          {form->textbox  name="userFirstName" maxlength="50" placeholder=$language.lblFirstName validate_event="submit" class="form-control" validate="required" error=$language.errFirstName}
        </li>
        <li class="clearfix form-group">
          {form->textbox class=" form-control" placeholder=$language.lblLastName maxlength="50" validate_event="submit"   name="userLastName" validate="required" error=$language.errLastName}
        </li>
        <li class="clearfix form-group">
          {form->textbox validate_event="submit" autocomplete="off" placeholder=$language.lblEmailID class="form-control" maxlength="80" name="userEmail" validate="required~*email~*userEmail->database->users,userEmail,userID!='$userID' AND userStatus!='Deleted' AND userLoginType='Facebook'~*userEmail->database->users,userEmail,userID!='$userID' AND userStatus!='Deleted' " error=$language.errEmailID|cat:"~*"|cat:$language.errValidEmail|cat:"~*"|cat:$language.errUserFacebookExists|cat:"~*"|cat:$language.errEmailExists}
        </li>
         {* <!--<div class="label">
            {$language.lblPassword} <span class="help slip" ><span class="icon spriteImg" ></span> <span class="pw-text curve-r5">{$language.msgPassword}</span></span>
            </div>-->*}
        <li class="clearfix form-group">
          {form->password validate_event="submit" autocomplete="off" class="form-control" placeholder=$language.lblPassword maxlength="20" name="userPassword" validate="required~*isSecurePassword" error=$language.errPassword|cat:"~*"|cat: $language.errInvalidPassword}
        </li>
        <li class="clearfix form-group">
          {form->password validate_event="submit"  autocomplete="off" class="form-control" placeholder=$language.lblConfirmPassword maxlength="20" name="userConfirmPassword" validate="required~*userPassword->compare->value" error=$language.errPassword|cat:"~*"|cat:$language.errConfirmPassword}
        </li>
        <li class="clearfix form-group">
          {form->submit  name="submit" id="submit" class="btn-block btn btn-primary btn-block" form="formUserSignup" value=$language.lblSubmit} 
        </li>
      </ul>


      
    </fieldset>
    <span>{$language.lblAlreadyhaveaccount}</span> <a href="javascript:void(0)" class="active logintab">{$language.lblLogin}</a> 
  </div>
  {form->close} 
</div>





<script type="text/javascript">
  var loginSubmit	=	"{$language.lblLogin}";
  var signUpSubmit	=	"{$language.lblSubmit}";
  var NO_VALIDATION_SCROLL = true;
  {if isset($__redirect_URL)}
  __redirect_URL = '{$__redirect_URL}';
  {/if}
  $(document).ready(function() {
  $('#formLogin').bind("submit", function(e) { 		
      e.preventDefault();
  	__loginProcess();
      return false;
  });
  $('#formUserSignup').bind("submit", function(e) { 		
      e.preventDefault();
  	__signupProcess();
      return false;
  });
  $('#formForgotPassword').bind("submit", function(e) { 		
      e.preventDefault();
  	__forgotPasswordProcess();
      return false;
  });
  
  });
</script>
{form->validate_script form="formLogin"}
{form->validate_script form="formUserSignup"}  
{form->validate_script form="formForgotPassword"}