<?xml version="1.0"?>

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<?csp default-src chrome:; img-src chrome: data:; style-src chrome:
'unsafe-inline'; ?>

<window
  id="fxaPairDeviceDialog"
  type="child"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3.org/1999/xhtml"
  data-l10n-id="fxa-pair-device-dialog-sync2"
  data-l10n-attrs="style"
>
  <dialog id="fxaPairDeviceDialog1" buttons="accept">
    <linkset>
      <html:link rel="stylesheet" href="chrome://global/skin/global.css" />
      <html:link
        rel="stylesheet"
        href="chrome://browser/skin/preferences/fxaPairDevice.css"
      />

      <html:link rel="localization" href="branding/brand.ftl" />
      <html:link
        rel="localization"
        href="browser/preferences/fxaPairDevice.ftl"
      />
    </linkset>
    <script src="chrome://browser/content/preferences/fxaPairDevice.js" />

    <description id="pairTitle" data-l10n-id="fxa-qrcode-pair-title">
    </description>
    <vbox id="qrCodeDisplay">
      <description class="pairHeading" data-l10n-id="fxa-qrcode-pair-step1">
      </description>
      <description
        class="pairHeading"
        data-l10n-id="fxa-qrcode-pair-step2-device-steps"
      >
        <html:img
          src="chrome://browser/skin/preferences/ios-menu.svg"
          data-l10n-name="ios-menu-icon"
          class="menu-icon"
        />
        <html:img
          src="chrome://browser/skin/preferences/android-menu.svg"
          data-l10n-name="android-menu-icon"
          class="menu-icon"
        />
      </description>
      <description
        class="pairHeading"
        data-l10n-id="fxa-qrcode-pair-step3"
      ></description>
      <vbox>
        <vbox align="center" id="qrWrapper" pairing-status="loading">
          <box id="qrContainer"></box>
          <box id="qrSpinner"></box>
          <vbox id="qrError">
            <image id="refresh-qr" />
            <label
              class="qr-error-text"
              data-l10n-id="fxa-qrcode-error-title"
            ></label>
            <label
              class="qr-error-text"
              data-l10n-id="fxa-qrcode-error-body"
            ></label>
          </vbox>
        </vbox>
      </vbox>
    </vbox>
  </dialog>
</window>