<!doctype html>
<html xmlns:ng="http://angularjs.org" ng-app="backupApp" ng-controller="CreatePasswordController">
<head>
    <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <title>Ekup Create Password</title>

    
    <script type="text/javascript" src="/ngax/scripts/libs/cryptojs.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/jquery.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/jquery-ui.min.js"></script>
    
    <script type="text/javascript" src="/ngax/scripts/angular/angular.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/angular/angular-route.min.js"></script>

    <script type="text/javascript" src="/ngax/scripts/angular/angular-loader.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/angular/angular-animate.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/angular/angular-cookies.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/angular/angular-resource.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/angular/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/angular/angular-touch.min.js"></script>
    
    <!-- libs -->
    <script type="text/javascript" src="/ngax/scripts/libs/modal.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/dxTree.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/moment-with-locales.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/clipboard.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/ngclipboard.min.js"></script>
    <script type="text/javascript" src="/ngax/scripts/libs/angular-gettext.min.js"></script>

    <script type="text/javascript" src="login/create-password.js?v=2.0.0.7"></script>
    <!-- translation -->
    <script type="text/javascript" src="/ngax/scripts/angular-gettext-cli_compiled_js_output.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="/ngax/scripts/angular-gettext-custom.js?v=2.0.0.7"></script>

    
    <link rel="stylesheet" type="text/css" href="login/login.css?v=2.0.0.7" />

    <!-- Controllers -->
    <script type="text/javascript" src="login/controllers/CreatePasswordController.js?v=2.0.0.7"></script>

    <!-- Services -->
    <script type="text/javascript" src="login/services/authenticationApiConnector.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="/ngax/scripts/services/AppService.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="/ngax/scripts/services/AppUtils.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="/ngax/scripts/services/DialogService.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="/ngax/scripts/services/SystemInfo.js?v=2.0.0.7"></script>

    <!-- Directives -->
    <script type="text/javascript" src="login/directives/authentication-footer.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="login/directives/dialog-area.js?v=2.0.0.7"></script>
    <script type="text/javascript" src="login/directives/language-selector.js?v=2.0.0.7"></script>


    <!-- <script type="text/javascript" src="oem/root/login/oem.js?v=2.0.0.7" ></script> -->
    <link rel="stylesheet" type="text/css" href="oem/root/login/oem.css?v=2.0.0.7" />
    <link rel="stylesheet" type="text/css" href="/ngax/styles/default.css">
</head>

<body>
    <div id="login">
        <h2 translate>Welcome to Ekup</h2>
        <fieldset>

            <h3 translate>Create Password</h3>
            <p translate>This password will be asked each time you want to access Ekup app.</p>
            <p><input type="password" id="login-password" autofocus placeholder="{{ 'Password' | translate }}" ng-model="password"></p>
            <!-- <p><label for="login-password" translate>Confirm password</label></p> -->
            <p><input type="password" id="repeat-password" placeholder="{{ 'Confirm password' | translate }}" ng-model="repeatPassword"></p>
            
            <p class="action-container">
                <input type="submit" id="create-password-button" ng-disabled="!passwordIsValid" value="{{ 'Create' | translate }}" ng-click="createPassword()">
            </p>
        </fieldset>
        

        <ul>
            <li class="{{ LengthIsValid ? 'success' : 'error' }}" translate>Must contains at least 8 characters.</li>
            <li class="{{ HasMinimalComplexity ? 'success' : 'error' }}" translate>Must contains a mixture of numbers, lowercase and uppercase letters</li>
            <li class="{{ password == repeatPassword ? 'success' : 'error' }}" translate>Passwords must be the same.</li>
            <li class="{{ HasForbiddenCharacters ? 'error' : 'success' }}" translate>Must not contains the following characters: (){}[]|`¬¦!"£$%^&*"<>:;#~_-+=,@</li>
        </ul>
    </div>
    <authentication-footer></authentication-footer>
    <dialog-area></dialog-area>
</body>    
</html>
