{include file="header3.vue}
<style>
.header-middle {
  background: #0f1014 !important;
  color: #fbfbfb !important;
}
</style>
<div id="loading-bar"><dd></dd><dt></dt></div>
<main class="main">
<!--<nav class="breadcrumb-nav header-border mb-3" >
  <div class="container">
    <ul class="breadcrumb">
      <li>
        <a href="javascript:history.go(-1)" class="btn btn-primary"> <span>back</span></a>
&lt;!&ndash;        <a href="https://zhanold.ir/" class="btn btn-primary"> <span><i class="fa fa-2x fa-home"></i></span></a>&ndash;&gt;
      </li>
    </ul>
  </div>
</nav>-->

<div class="page-content mt-6 pb-2 mb-10">
  <div class="container">
    <div class="login-popup">
      <div class="form-box">
        <div class="tab tab-nav-simple tab-nav-boxed form-tab">
          <ul class="nav nav-tabs nav-fill align-items-center border-no justify-content-center mb-5" role="tablist">
            <li class="nav-item">
              <a class="nav-link1 active border-no lh-1 ls-normal" href="#signin"></a>
            </li>
            <li class="delimiter"></li>
            <li class="nav-item">
              <a class="nav-link1 border-no lh-1 ls-normal" href="#register"></a>
            </li>
          </ul>
          <div class="mb-4">
            
          </div>
          <div class="tab-content">
            <div class="tab-pane active" id="signin">
              <form action="https://zhanold.ir/account/signin" method="post">
                <div class="form-group mb-3">
                  <input type="text" class="form-control" name="login[username]" id="username" placeholder="" required />
                </div>
                <div class="form-group">
                  <input type="password" class="form-control" name="login[password]" id="password" placeholder=""
                         required />
                </div>
                <div class="form-footer">
                  <div class="form-checkbox">
                    <input type="checkbox" class="custom-checkbox" id="signin-remember1"
                           name="signin-remember1" />
                    <label class="form-control-label" for="signin-remember1"></label>
                  </div>

                </div>

                <button class="btn btn-dark btn-block btn-rounded" name="login[submit]" type="submit">Login</button>

                <a href="https://zhanold.ir/account/google_signin">
                  <div class="google-btn mt-5">
                    <div class="google-icon-wrapper">
                      <img class="google-icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4="/>
                    </div>
                    <p class="btn-text"><b></b></p>
                  </div>
                </a>

                <span>
                    <a href="https://zhanold.ir/account/forget_password" class="lost-link"></a> <br>
                  </span>
                <a href="https://zhanold.ir/account/signup" class="lost-link"></a>
              </form>

            </div>
            <div class="tab-pane" id="register">

              <form action="https://zhanold.ir/account/signup" method="post">
                <div class="form-group">
                  <input type="email" class="form-control"  name="register[email]" id="email" value="" placeholder=""
                         required />
                </div>


                <div class="form-group">
                  <input type="password" class="form-control" id="password" name="register[password]" placeholder=""
                         required />
                </div>

                <div class="form-group">
                  <input type="password" class="form-control" id="password2"  name="register[password-repeat]" placeholder=""
                         required />
                </div>

                <div class="form-group">
                  <img src="https://zhanold.ir/application/api/library/captcha.php?key=register&amp;_=1787231112" id="parsysm-captcha-register" class="parsysm-captcha" width="120" height="50" border="0" align="absbottom" />&nbsp;
	    <i class="fa fa-1x fa-undo" style="cursor:pointer;" onclick="parsysm.changeSrc('parsysm-captcha-register', 'https://zhanold.ir/application/api/library/captcha.php?key=register&amp;_='+parsysm.random())" ></i>
                  <input class="form-control" name="register[captcha]" maxlength="4" min="0"  type="number"
                         required />
                </div>


                <div class="form-footer">
                  <div class="form-checkbox">
                    <input type="checkbox" class="custom-checkbox" id="register-agree" name="register-agree"
                           required />
                    <label class="form-control-label" for="register-agree"></label>
                  </div>
                </div>
                <button type="submit" class="btn btn-fill-out btn-block" name="register[submit]"></button>
              </form>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>



</main>
<div class="sticky-icons-wrapper">
<div class="sticky-icon-links">
  <ul>
    <li><a href="javascript:history.go(-1)"><i class="fas fa-home"></i><span>Back</span></a></li>
  </ul>
</div>

</div>
{include file="footer.vue}