<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$language.lblBusiness} : {$language.lblLogin}</title>
    {include file='CommonJavaScript.tpl'}
    <link rel="stylesheet" type="text/css" href="{$view_styles}/login.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{$view_styles}/font_font.css">
    <script type="text/javascript">
      $(document).ready(function() {
      	$(document).on("click",".logintab",function(){
      		var thisVar = $(this);
      		$(".logintab").addClass("active");
      		$(".signuptab").removeClass("active");
      		$(".SignupPanel").hide();
      		$(".loginPanel").show();
      	});
      	$(document).on("click",".signuptab",function(){
      		$(".signuptab").addClass("active");
      		$(".logintab").removeClass("active");
      		$(".loginPanel").hide();
      		$(".SignupPanel").show();
      	});
      	
      });
    </script>
</head>
<style>
    .form_listing a {
        margin: 5px 0; 
    }
</style>
<body>
    <div class="outer_container">
        <div class="container_div">
                <h1>{$language.lblBusinessInterface}<span>{$commonSiteName}</span> </h1>
                <div class="content_container_inner "> 
                   
                    <div class="content_container_content" style="overflow: hidden;">
                        {html->anchor href="/" title="{$commonSiteName}" class="logo-section" content=" <img src='{$view_images}/logo.png' border='0' alt='Logo' />"}
                         <div id="common_message"></div>
                         
                          
                        <div class="form_listing loginPanel" style="max-width: none;">
                                 {form->start name="formBusinessLogin" action="" method="post"}
                                 <div class="newuser">
                                    <span>{$language.lblNewToClikky} </span><a href="javascript:void(0)" class="signuptab">{$language.lblSignUp}</a>
                                  </div>
                             <ul class="login-div">
                                    <li class="clearfix first">
                                        <!--<div class="leftside01">{$language.lblUserName}</div>-->
                                        <div class="usr-details"> {form->textbox name="businessLogin" class="form-control" placeholder="{$language.lblUserName}" validate="required" error=$language.errUserName error_class="message_inline_validation" autocomplete="off" tabindex="1"}
                                        </div>
                                    </li>
                                    <li class="clearfix">
                                        <!--<div class="leftside01">{$language.lblPassword}</div>-->
                                        <div class="usr-details"> {form->password name="businessPassword" class="form-control" placeholder="{$language.lblPassword}" validate="required" error=$language.errPassword error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                       <div class="submit-btn"> {form->submit name="submitLogin" class="btn-block btn btn-primary" value="{$language.lblSignIn}" tabindex="1"} </div>
                                        {html->anchor href="/forgotpassword/" caption="{$language.lblForgotPassword}" class="fr-pw" tabindex="1"}
                                    </li>
                                </ul>
                                    {form->close}
                                     </div>
                                     <div class="SignupPanel" style="display:none;">
                                     <div class="newuser">
                                        <span>{$language.lblAlreadyhaveaccount} </span><a href="javascript:void(0)" class="active logintab">{$language.lblLogin}</a>
                                     </div>
                                      {form->start name="formBusinessRegistration" action="" method="post"}
                                      <div class="cms">{$cmsContent}</div>
                                  <ul>
                                    <li class="clearfix first">
                                        <div class="usr-details"> {form->textbox name="businessReqName" class="form-control" placeholder="{$language.lblCompany}" validate="required" error=$language.errCompany error_class="message_inline_validation" autocomplete="off" tabindex="1"}
                                        </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->textbox name="businessReqFirstName" class="form-control" placeholder="{$language.lblFirstName}" validate="required" error=$language.errFirstName error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->textbox name="businessReqLastName" class="form-control" placeholder="{$language.lblLastName}" validate="required" error=$language.errLastName error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->textbox name="businessReqEmail" class="form-control" placeholder="{$language.lblEmail}" validate="required" error=$language.errBusEmail error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->password name="busPassword" class="form-control" placeholder="{$language.lblPassword}" validate="required~*isSecurePassword" error=$language.errPassword error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->password name="confirmBusinessPassword" class="form-control" placeholder="{$language.lblConfirmPassword}" validate="required~*busPassword->compare->value" error=$language.errConfirmpassword error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->textbox name="businessReqPhone" class="form-control" placeholder="{$language.lblMobileNumber}" validate="required" error=$language.errMobileNumber error_class="message_inline_validation" tabindex="1"} </div>
                                    </li>
                                    <li class="clearfix">
                                        <div class="usr-details"> {form->checkbox name="agree" value="1"} <label for="agree">{$language.lblAgreeToThe}</label>
                                        {html->anchor target="blank"  href="#" caption=$language.lblTermsCondition} and  {html->anchor target="blank"  href="#"  caption=$language.lblPrivacy }
                                        </div>
                                        <div style="color:#f4550f; "> {form->validate name="validateAgree" validate="agree->required"  error=$language.errTermsCondition} </div>
                                    </li>
                                   
                                    <li class="clearfix">
                                       <div class="submit-btn"> {form->submit name="submitRegister" class="btn-block btn btn-primary" value="{$language.lblRegister}" tabindex="1"} </div>
                                          </li>
                                </ul>
                                    {form->close}
                            </div>
                    </div>
                     </div>
            
        </div>
    </div>
    <script type="text/javascript" src="{$view_javascript}/message.plugin.js"></script>
    <script type="text/javascript" src="{$common_js}/validate.plugin.js"></script>
    {html->messages_script id="common_message"} {html->messages_script section="User" id="logout_message"} 
    {form->validate_script form="formBusinessLogin"}
    {form->validate_script form="formBusinessRegistration"}
</body>

</html>