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

<link rel="import" href="chrome://resources/cr_elements/md_select_css.html">
<link rel="import" href="../data/margins.html">
<link rel="import" href="print_preview_shared_css.html">
<link rel="import" href="select_behavior.html">
<link rel="import" href="settings_behavior.html">
<link rel="import" href="settings_section.html">

<dom-module id="print-preview-pages-per-sheet-settings">
  <template>
    <style include="print-preview-shared md-select">
    </style>
    <print-preview-settings-section>
      <span id="pages-per-sheet-label" slot="title">$i18n{pagesPerSheetLabel}
      </span>
      <div slot="controls">
        <select class="md-select" aria-labelledby="pages-per-sheet-label"
            disabled$="[[disabled]]" value="{{selectedValue::change}}">
          <option value="1" selected>1</option>
          <option value="2">2</option>
          <option value="4">4</option>
          <option value="6">6</option>
          <option value="9">9</option>
          <option value="16">16</option>
        </select>
      </div>
    </print-preview-settings-section>
  </template>
  <script src="pages_per_sheet_settings.js"></script>
</dom-module>
