<!doctype html>
<html lang="{{HTML_LANG}}">
<head>
  <meta charset="utf-8" />
  <meta http-equiv="Content-Security-Policy"
        content="img-src 'self' data: file:; script-src 'self' 'unsafe-inline'">
  <title>{{WAREHOUSE_DIALOG_TITLE}}</title>
  <style>
    {{DIALOG_CSS}}
  </style>
</head>
<body>
  <div class="app">
    <div class="toolbar">
      <form id="warehouseSearchForm" class="warehouse-search-form" action="#" method="get" autocomplete="off">
        <input id="q" type="search" placeholder="{{WAREHOUSE_SEARCH_PLACEHOLDER}}" enterkeyhint="search" />
        <button type="submit" id="btnSearch" class="icon-btn" title="{{WAREHOUSE_SEARCH_TITLE}}">
        <img class="icon" src="{{ICON_BASE_URL}}WAREHOUSE_SEARCH.svg" alt="" />
      </button>
      </form>
      <button id="btnRefresh" class="icon-btn" title="{{WAREHOUSE_REFRESH_TITLE}}">
        <img class="icon" src="{{ICON_BASE_URL}}WAREHOUSE_REFRESH.svg" alt="" />
      </button>
      <button id="btnChangeDir" class="icon-btn" title="{{WAREHOUSE_CHANGE_DIR_TITLE}}">
        <img class="icon" src="{{ICON_BASE_URL}}WAREHOUSE_FOLDER.svg" alt="" />
      </button>
    </div>
    <div class="results-wrap">
      <div class="results" id="results"></div>
      <div id="spinner">
        <img class="spinner-ring" src="{{ICON_BASE_URL}}WAREHOUSE_SPINNER.svg" alt="" />
        <div class="spinner-text">{{WAREHOUSE_LOADING}}</div>
      </div>
    </div>
    <div class="dir-bar">
      <span class="dir-label">{{WAREHOUSE_FOLDER_LABEL}}</span>
      <span id="dirPath" class="dir-path" title=""></span>
    </div>
  </div>
  <script>window.GG_WAREHOUSE_STRINGS = {{WAREHOUSE_JS_STRINGS_JSON}};</script>
  <script>window.__GG_ICON_BASE__={{WAREHOUSE_ICON_BASE_JSON}};</script>
  <script>{{DIALOG_JS}}</script>
</body>
</html>
