<!DOCTYPE html>
<html i18n-values="dir:textdirection;">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"></meta>
<title i18n-content="title"></title>
<link rel="stylesheet" href="image_burner.css">
<script src="chrome://resources/js/util.js"></script>
<script src="chrome://resources/js/local_strings.js"></script>
<script src="chrome://imageburner/strings.js"></script>
<script src="chrome://imageburner/image_burner.js"></script>
</head>
<body class="default-text" i18n-values=".style.fontFamily:fontfamily">
  <header id="burn-header">
    <h1 i18n-content="headerTitle"></h1>
    <p  i18n-content="headerDescription"></p>
    <a id="more-info-link" jsvalues="href:moreInfoLink" target="_blank"
        i18n-content="headerLink"></a>
  </header>
  <div id="main-content">
    <div id="status-icon"></div>
    <div id="status-info">
      <h2 id="status-text" class="status-text"></h2>
      <div id="progress-status-div">
        <p id="progress-text" class="progress-text"></p>
        <div id="progress-status" class="float-start">
          <progress id="progress-div" class="float-start"></progress>
          <button id="cancel-button" class="float-start"
              i18n-content="cancelButton">
          </button>
        </div>
        <p id="pending-time" class="progress-text"></p>
      </div>
      <ul id="device-selection"></ul>
      <div id="warning-div">
        <div id="warning-icon" class="float-start"></div>
        <p id="warning-text" class="float-start"></p>
        <button id="warning-button" class="float-start"></button>
      </div>
      <div class="new-line"></div>
    </div>
    <div id="burn-footer"></div>
  </div>
  <script src="chrome://resources/js/i18n_template.js"></script>
  <script src="chrome://resources/js/i18n_process.js"></script>
  <script src="chrome://resources/js/jstemplate_compiled.js"></script>
</body>
</html>