<html>
  <head>
    <script src="popup.js"></script>
  </head>
  <body style="width: 400px">
    <style>
      body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
      }
      input,
      textarea {
        width: 100%;
      }
      #target {
        width: 100%;
      }
      #imgContainer {
        overflow: auto;
      }
      .hidden {
        display: none;
      }
    </style>
    <div id="error">
      To use this plugin, go to a gerrit site.
    </div>
    <div id="gerritBugReport" class="hidden">
      <p>Bug report title<input id="summary" type="text"></p>
      <p>Description<textarea id="description"
            placeholder="Include all repro steps and browser/OS if applicable"></textarea>
      </p>
      <button id="screenshotBtn">Add screenshot</button>
      <button id="submitBtn">Pre-populate bug report</button>
      <div id="imgContainer"><img id="target"/></div>
    </div>
  </body>
</html>