<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">

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

<iron-iconset-svg name="discover-welcome-24" size="24">
<svg>
  <defs>
    <g id="copyright">
      <path d="M10.08 10.86c.05-.33.16-.62.3-.87s.34-.46.59-.62c.24-.15.54-.22.91-.23.23.01.44.05.63.13.2.09.38.21.52.36s.25.33.34.53.13.42.14.64h1.79c-.02-.47-.11-.9-.28-1.29s-.4-.73-.7-1.01-.66-.5-1.08-.66-.88-.23-1.39-.23c-.65 0-1.22.11-1.7.34s-.88.53-1.2.92-.56.84-.71 1.36S8 11.29 8 11.87v.27c0 .58.08 1.12.23 1.64s.39.97.71 1.35.72.69 1.2.91 1.05.34 1.7.34c.47 0 .91-.08 1.32-.23s.77-.36 1.08-.63.56-.58.74-.94.29-.74.3-1.15h-1.79c-.01.21-.06.4-.15.58s-.21.33-.36.46-.32.23-.52.3c-.19.07-.39.09-.6.1-.36-.01-.66-.08-.89-.23-.25-.16-.45-.37-.59-.62s-.25-.55-.3-.88-.08-.67-.08-1v-.27c0-.35.03-.68.08-1.01zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z">
      </path>
   </g>
  </defs>
</svg>
</iron-iconset-svg>

<dom-module id="discover-welcome">
  <template>
    <link rel="stylesheet" href="../oobe_dialog_host.css">
    <link rel="stylesheet" href="discover_welcome.css">
    <link rel="stylesheet" href="discover_card_host.css">
    <style
        include="iron-flex iron-flex-alignment iron-positioning paper-button-style cr-icons cr-shared-style">
    </style>
    <oobe-dialog id="discoverWelcome" role="dialog" has-buttons
        aria-label$="[[i18nDynamic(locale, 'discoverWelcomeTitle')]]">
      <hd-iron-icon slot="oobe-icon" icon1x="discover-welcome-24:copyright"
          icon2x="discover-welcome-24:copyright">
      </hd-iron-icon>
      <h1 slot="title">[[i18nDynamic(locale, 'discoverWelcomeTitle')]]</h1>
      <div slot="subbtitle">
        [[i18nDynamic(locale, 'discoverWelcomeSubTitle')]]
      </div>
      <div id="cards" slot="footer"
          class="flex layout horizontal center-justified">
        <slot id="cards"></slot>
      </div>
      <div slot="bottom-buttons" class="layout horizontal end-justified">
        <oobe-text-button on-tap="onCloseButton_">
          <div>[[i18nDynamic(locale, 'discoverWelcomeLater')]]</div>
        </oobe-text-button>
        <oobe-text-button id="continueBtn" inverse on-tap="onContinueButton_">
          <div>[[i18nDynamic(locale, 'discoverWelcomeGetStarted')]]</div>
        </oobe-text-button>
      </div>
    </oobe-dialog>
  </template>
</dom-module>