<!-- BEGIN BODY -->
<body class="page-md login">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <a href="" id="loginlogo">
           {$setting.project_name}
        </a>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content">
        <!-- BEGIN LOGIN FORM -->
        <form class="login-form" action="{$hosturl}/login" method="post" name="loginform">
            <h3 class="form-title">الدخول الى حسابك</h3>
            <div class="alert alert-danger display-hide">
                <button class="close" data-close="alert"></button>
                <span>
                    ادخل اسم الدخول و كلمه المرور</span>
            </div>

            {if  isset($error)}<div class="alert alert-danger">
                <button class="close" data-close="alert"></button>
                <span>
                    {$error}
                </span>
            </div>{/if}

            <div class="form-group">
                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                <label class="control-label visible-ie8 visible-ie9">اسم الدخول</label>
                <div class="input-icon">
                    <i class="fa fa-user"></i>
                    <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="اسم الدخول" name="user_name"/>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">كلمه المرور</label>
                <div class="input-icon">
                    <i class="fa fa-lock"></i>
                    <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="كلمه المرور" name="user_password"/>
                </div>
            </div>
            <div class="form-actions">
                <input type="hidden" name="login" value="login" />
                <label class="checkbox">
                    <input type="checkbox" name="user_rememberme" value="1"/> تذكرنى </label>
                <button type="submit" class="btn green-haze pull-right">
                    دخول <i class="m-icon-swapleft m-icon-white"></i>
                </button>
            </div>
            <!--div class="forget-password">
                <h4>Forgot your password ?</h4>
                <p>
                    no worries, click <a href="javascript:;" id="forget-password">
                        here </a>
                    to reset your password.
                </p>
            </div-->
            <!--div class="login-options">
                <h4>Or login with</h4>
                <ul class="social-icons">
                    <li>
                        <a class="social-icon-color facebook" data-original-title="facebook" href="#"></a>
                    </li>
                    <li>
                        <a class="social-icon-color twitter" data-original-title="Twitter" href="#"></a>
                    </li>
                    <li>
                        <a class="social-icon-color googleplus" data-original-title="Goole Plus" href="#"></a>
                    </li>
                    <li>
                        <a class="social-icon-color linkedin" data-original-title="Linkedin" href="#"></a>
                    </li>
                </ul>
            </div-->
            <!--div class="create-account">
                <p>
                    <a href="javascript:;" id="register-btn" class="uppercase">Create an account</a>
                </p>
            </div-->
        </form>
        <!-- END LOGIN FORM -->
        <!-- BEGIN FORGOT PASSWORD FORM -->
        <form class="forget-form" action="{$hosturl}/login/fgpass" method="post" name="password_reset_form">
            <h3>Forget Password ?</h3>
            <p>
                Enter your e-mail address below to reset your password.
            </p>
            <div class="form-group">
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Username" name="user_name" id="user_name"/>
            </div>
            <div class="form-actions">
                <button type="button" id="back-btn" class="btn btn-default">Back</button>
                <button type="submit" class="btn btn-success uppercase pull-right" name="request_password_reset">Submit</button>
            </div>
        </form>
        <!-- END FORGOT PASSWORD FORM -->
        {if $thisdisply eq 1}
        <!-- BEGIN REGISTRATION FORM -->
        <form class="register-form" action="{$hosturl}/register" method="post" name="registerform">
            <h3>Sign Up</h3>
            <p class="hint">
                Enter your personal details below:
            </p>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">Username</label>
                <input class="form-control placeholder-no-fix" type="text" placeholder="Username" name="user_name"/>
                <input type="hidden" name="register"/>
            </div>
            <div class="form-group">
                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                <label class="control-label visible-ie8 visible-ie9">Email</label>
                <input class="form-control placeholder-no-fix" type="text" placeholder="Email" name="user_email"/>
            </div>

            <p class="hint">
                Enter your account details below:
            </p>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">Password</label>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="Password" name="user_password_new"/>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Re-type Your Password" name="user_password_repeat"/>
            </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">insert image</label>
                <img src="{$hosturl}/../library/plugins/Captcha/showCaptcha.php" alt="captcha" />
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="captcha" name="captcha"/>
            </div>
            <div class="form-group margin-top-20 margin-bottom-20">
                <label class="check">
                    <input type="checkbox" name="tnc"/> I agree to the <a href="#">
                        Terms of Service </a>
                    & <a href="#">
                        Privacy Policy </a>
                </label>
                <div id="register_tnc_error">
                </div>
            </div>
            <div class="form-actions">
                <button type="button" id="register-back-btn" class="btn btn-default">Back</button>
                <button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">Submit</button>
            </div>
        </form>
        <!-- END REGISTRATION FORM -->
        {/if}
    </div>
    <div class="copyright">
        2016 &copy; Simple.
    </div>
    <!-- END LOGIN -->