<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../prefs/prefs_behavior.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="kiosk_next_shell_confirmation_dialog.html">

<dom-module id="settings-kiosk-next-shell-page">
  <template>
    <style include="settings-shared"></style>
    <template is="dom-if" if="[[showConfirmationDialog_]]" restamp>
      <settings-kiosk-next-shell-confirmation-dialog
          id="dialog"
          on-close="onConfirmationDialogClose_"
          prefs="{{prefs}}">
      </settings-kiosk-next-shell-confirmation-dialog>
    </template>
    <div id="kiosk-next-shell" class="settings-box two-line first">
      <div class="start">
        $i18n{kioskNextShellPageLabel}
        <div class="secondary" id="secondaryText">
          [[getSubtextLabel_(prefs.ash.kiosk_next_shell.enabled.value)]]
        </div>
      </div>
      <div class="separator"></div>
      <paper-button
          on-click="onToggleButtonClick_"
          aria-label="$i18n{kioskNextShellPageTitle}"
          aria-describedby="secondaryText">
        [[getButtonLabel_(prefs.ash.kiosk_next_shell.enabled.value)]]
      </paper-button>
    </div>
  </template>
  <script src="kiosk_next_shell_page.js"></script>
</dom-module>