<!DOCTYPE HTML>
<html i18n-values="dir:textdirection">
<head>
<meta charset="utf-8">
<title i18n-content="title"></title>
<link rel="stylesheet" href="chrome://resources/css/widgets.css">
<link rel="stylesheet" href="mobile_dialogs.css">
<link rel="stylesheet" href="sim_unlock.css">
<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/cr/event_target.js"></script>
<script src="chrome://resources/js/local_strings.js"></script>
<script src="chrome://resources/js/util.js"></script>
<script src="sim_unlock.js"></script>
<script>
var SimUnlock = mobile.SimUnlock;
function load() {
SimUnlock.initialize();
}
document.addEventListener('DOMContentLoaded', load);
</script>
</head>
<body i18n-values=".style.fontFamily:fontfamily;">
<div id="container" class="container">
<div id="locked-pin-overlay" class="dialog" hidden>
<h1 i18n-content="enterPinTitle"></h1>
<div id="pin-content-area" class="content-area">
<div id="pin-error-msg"></div>
<div id="pin-input-area" class="input-area">
<input id="pin-input" class="code-input" type="password"
maxlength="8" size="14">
</div>
</div>
<div class="action-area">
<div class="action-area-right">
<div class="button-strip">
<button id="enter-pin-confirm" i18n-content="ok"></button>
<button id="enter-pin-dismiss" i18n-content="cancel"></button>
</div>
</div>
</div>
</div>
<div id="locked-pin-no-tries-overlay" class="dialog" hidden>
<h1 i18n-content="incorrectPinTitle"></h1>
<div id="pin-no-tries-content-area" class="content-area">
<!-- TODO(nkostylev): Add warning icon. -->
<div id="pin-no-tries-error-msg" i18n-content="noPinTriesLeft"></div>
</div>
<div class="action-area">
<div class="action-area-right">
<div class="button-strip">
<button id="pin-no-tries-proceed" i18n-content="enterPukButton">
</button>
<button id="pin-no-tries-dismiss" i18n-content="cancel"></button>
</div>
</div>
</div>
</div>
<div id="locked-puk-overlay" class="dialog" hidden>
<h1 i18n-content="enterPukTitle"></h1>
<div id="puk-content-area" class="content-area">
<div id="puk-warning-msg" i18n-content="enterPukWarning" class="error">
</div>
<div id="puk-enter-msg" i18n-content="enterPukMessage"></div>
<div id="puk-input-area" class="input-area">
<input id="puk-input" class="code-input" type="password"
maxlength="8" size="14">
</div>
</div>
<div class="action-area">
<div class="action-area-right">
<div class="button-strip">
<button id="enter-puk-confirm" i18n-content="ok"></button>
<button id="enter-puk-dismiss" i18n-content="cancel"></button>
</div>
</div>
</div>
</div>
<div id="choose-pin-overlay" class="dialog" hidden>
<h1 id="choose-pin-title" i18n-content="choosePinTitle"></h1>
<div id="choose-pin-content-area" class="choose-pin-content-area">
<div id="choose-pin-msg" i18n-content="choosePinMessage"></div>
<div class="input-with-label">
<div id="old-pin-label" i18n-content="oldPin" class="label" hidden>
</div>
<div id="old-pin-input-area" class="choose-pin-input-area" hidden>
<input id="old-pin-input" class="code-input" type="password"
maxlength="8" size="14">
</div>
</div>
<div class="input-with-label">
<div id="new-pin-label" i18n-content="newPin" class="label"></div>
<div id="new-pin-input-area" class="choose-pin-input-area">
<input id="new-pin-input" class="code-input" type="password"
maxlength="8" size="14">
</div>
</div>
<div class="input-with-label">
<div id="retype-new-pin-label" i18n-content="retypeNewPin"
class="label"></div>
<div id="retype-new-pin-input-area" class="choose-pin-input-area">
<input id="retype-new-pin-input" class="code-input" type="password"
maxlength="8" size="14">
</div>
</div>
<div id="choose-pin-error" class="error"
i18n-content="pinsDontMatchMessage" hidden></div>
</div>
<div id="choose-pin-action-area" class="action-area">
<div class="action-area-right">
<div class="button-strip">
<button id="choose-pin-confirm" i18n-content="ok"></button>
<button id="choose-pin-dismiss" i18n-content="cancel"></button>
</div>
</div>
</div>
</div>
<div id="locked-puk-no-tries-overlay" class="dialog" hidden>
<h1 i18n-content="enterPukTitle"></h1>
<div id="puk-no-tries-content-area" class="content-area">
<div id="puk-no-tries-msg" i18n-content="noPukTriesLeft"></div>
</div>
<div id="locked-puk-action-area" class="action-area">
<div class="button-strip">
<button id="puk-no-tries-confirm" i18n-content="ok"></button>
</div>
</div>
</div>
<div id="sim-disabled-overlay" class="dialog" hidden>
<h1 i18n-content="simDisabledTitle"></h1>
<div id="sim-disabled-content-area" class="content-area">
<div id="sim-disabled-msg" i18n-content="simDisabledMessage"></div>
</div>
<div id="disabled-sim-action-area" class="action-area">
<div class="button-strip">
<button id="sim-disabled-confirm" i18n-content="ok"></button>
</div>
</div>
</div>
</div>
</body>
</html>