<!--
Copyright (c) 2014 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<!-- It2Me Sharing -->
<div id="host-dialog"
     class="kd-modaldialog"
     data-ui-mode="home.host">

  <div data-ui-mode="home.host.waiting-for-code" class="message"
       i18n-content="MESSAGE_GENERATING">
  </div> <!-- host.waiting-for-code -->

  <div data-ui-mode="home.host.waiting-for-connection">
    <div i18n-content="INSTRUCTIONS_SHARE_ABOVE"></div>
    <div id="access-code-display" dir="ltr" class="selectable"></div>
    <div id="access-code-countdown-container">
      <div id="access-code-countdown" class="expiring" hidden>
        <span id="seconds-remaining"
              i18n-content="ACCESS_CODE_TIMER"></span>
      </div>
    </div>
    <div i18n-content="INSTRUCTIONS_SHARE_BELOW"></div>
  </div> <!-- host.waiting-for-connection -->

  <div data-ui-mode="home.host.shared">
    <div id="host-shared-message" class="message"
         i18n-content="MESSAGE_SHARED"></div>
    <div class="button-row">
      <button id="stop-sharing-button"
              type="button"
              i18n-content="STOP_SHARING_BUTTON">
      </button>
    </div>
  </div> <!-- host.shared -->

  <div data-ui-mode="home.host.share-failed" class="message">
    <span id="host-plugin-error" class="error-state"></span>
  </div> <!-- host.share-failed -->

  <div data-ui-mode="home.host.share-finished" class="message"
       i18n-content="MESSAGE_SESSION_FINISHED">
  </div> <!-- host.share-finished -->

  <div data-ui-mode="home.host.share-failed home.host.share-finished"
       class="button-row">
    <button id="host-finished-button"
            type="button"
            autofocus="autofocus"
            i18n-content="OK">
    </button>
  </div>

  <div id="nat-box"
       class="information-box"
       data-ui-mode="home.host.waiting-for-connection"
       i18n-content="WARNING_NAT_DISABLED">
  </div> <!-- nat-box -->

  <div data-ui-mode="home.host.waiting-for-connection home.host.waiting-for-code"
       class="button-row">
    <span class="waiting" i18n-content="FOOTER_WAITING"></span>
    <button id="cancel-share-button" i18n-content="CANCEL"></button>
  </div>

</div> <!-- host dialog -->