{{#Page}}
<div class="header">
    <div class="login-FirstAccess-nav col-xs-5"></div>
    <div class="text-admintext  col-xs-4"> {{i18n 'FirstAccess.administrativeInterface'}}</div>
</div>
<div id="main">
    <div class="row">
        <div id="errorarea" class="row error-no-show-area">
            <div class="col-xs-offset-4 col-xs-4 error-msg error-no-show">
                <p id="invalid-error"></p>
            </div>
            <div class="col-xs-2 error-dismiss error-no-show">
                <input type="submit" id="dismiss" class="dismiss-error" value="{{i18n 'adminlogin.dismiss'}}" />
            </div>
        </div>
    </div>
    <form action="">
        <div class="row">
            <div class="login-area">
                <div class="admin-login-field-area">
                    <input type="text" id="userName" class="input-lg admin-field" placeholder="{{i18n 'adminlogin.username'}}" />
                    <span class="field-validation-error" id="userValid" style="display: none">{{i18n 'adminlogin.usernamereq'}}</span>
                </div>
                <div class="admin-separator"></div>
                <div class="admin-login-field-area">
                    <input type="password" id="userPassword" class="input-lg admin-field" placeholder="{{i18n 'adminlogin.password'}}" />
                    <div class="btn-hideshow-wrapper">
                        <input type="button" id="passwordShowHide" class="btn-hideshow" value="{{i18n 'adminlogin.show'}}" />
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="btn-admin-login-area">
                <input disabled type="submit" id="loginBtn" class="btn btn-success btn-admin-login" value="{{i18n 'adminlogin.login'}}" data-loading-text="{{i18n 'adminlogin.login'}}" />
            </div>
        </div>
    </form>
    <div id="adminloginfooter" style="display: none">
        <div class="row admin-row">
            {{i18n 'adminlogin.browsersadm'}}
        </div>
        <div class="clear">
        </div>
       <div class="row admin-row icons-row row-centered">
          <div class="col-sm-1 text-center col-centered">
             <div class="chromeImg">
             </div>
             <br />
             {{i18n 'adminlogin.chromeminver'}}
          </div>          
          <div class="col-sm-1 text-center col-centered">
             <div class="firefoxImg">
             </div>
             <br/>
             {{i18n 'adminlogin.firefoxminver'}}
          </div>
          <div class="col-sm-1 text-center col-centered">
             <div class="edgeImg">
             </div>
             <br/>
             {{i18n 'adminlogin.edgeminver'}}
          </div>
       </div>
    </div>
</div>
{{/Page}}