{include file="header88.tpl"}
<!-- PAGE-BANNER -->
         <section id="page-banner">
             <div class="container">
                 <div class="page-header">
                     <h2 class="fontubonto font-weight-medium text-uppercase wow fadeIn" data-wow-duration="1s" data-wow-delay="0.35s">Login</h2>
                 </div>
                 <div class="d-flex align-items-center justify-content-center">
                     <div class="col-lg-8 no-gutters">
                         <div class="page-breadcrumb" aria-label="breadcrumb">
                             <ol class="breadcrumb justify-content-center">
                                 <li class="breadcrumb-item wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"><a href="/user">Home</a></li>
                                 <li class="breadcrumb-item wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.7s"><a href="javascript:void(0)">Login</a></li>
                             </ol>
                         </div>
                     </div>
                 </div>
             </div>
         </section>
         <!-- /PAGE-BANNER -->
     
    <section id="about-us" class="about-page secbg-3">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="form-block py-5">
{literal}
<script language=javascript>
function checkform() {
  if (document.mainform.username.value=='') {
    alert("Please type your username!");
    document.mainform.username.focus();
    return false;
  }
  if (document.mainform.password.value=='') {
    alert("Please type your password!");
    document.mainform.password.focus();
    return false;
  }
  return true;
}
</script>
{/literal}

{if $frm.say eq 'invalid_login'}
<h3>Login error:</h3><br><br>

<div class="error">Your login or password or turing image code is wrong. Please check this information.</div>
{if $bf_tries.status}
{if $bf_tries.left == 0}
<div class="error">You have already maximum times entered incorrectly login info. Your account is blocked. Check your email to active.</div>
{else}
<div class="error">You have <b>{$bf_tries.left}</b> tries to entered correctly login information befor blocking.</div>
{/if}
{/if}

{/if}
<form method=post name=mainform onsubmit="return checkform()" class="login-form">
<input type=hidden name=a value='do_login'>
<input type=hidden name=follow value='{$frm.follow}'>
<input type=hidden name=follow_id value='{$frm.follow_id}'>
<div class="signin">
<h3 class="title mb-30">Login Form</h3>

<div class="form-group mb-30">
<input class="form-control" type="text" value='{$frm.username|escape:"html"}' name="username" placeholder="Username">
</div>

<div class="form-group mb-20">
<input class="form-control" type="password" value='' name="password" placeholder="Password">
</div>

{include file="captcha.tpl" action="login"}
<div class="remember-me d-flex flex-column flex-sm-row align-items-center justify-content-center justify-content-sm-between mb-30">
<a class="text-white mt-10"  href="{"?a=forgot_password"|encurl}">Forgot password?</a>
                                </div>

                                <div class="btn-area">
<button class="btn-login login-auth-btn" type="submit"><span>Login</span></button>
                                </div>

                                <div class="login-query mt-30 text-center">
                                    <a  href="?a=signup">Don't have any account? Sign Up</a>
                                </div>
                            </div>

</form>
</div>

                    <div class="connectivity wow fadeIn" data-wow-duration="1s" data-wow-delay="0.35s">
                        <div class="d-flex align-items-center justify-content-center">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{include file="footer88.tpl"}
