{# SPDX-License-Identifier: MIT -#}
      <div class="loading" id="swu_progress_overlay">
        <div id="swu_progress" class="async_output">
          <div class="loader" style="filter: invert(100%)" id="swu_progress_loader"></div>
          <h3 id="swu_progress_title"></h3>
          <div id="swu_progress_upload"></div>
          <div id="swu_progress_text"></div>
          <h3 id="swu_progress_status"></h3>
          <button id="swu_progress_close" class="disabled" disabled style="transition: 0s">閉じる</button>
        </div>
      </div>
      <div class="contents">
        <noscript><div style="position: fixed; top: 0px; left: 0px; z-index: 30000000;
                              height: 100%; width: 100%; background-color: #FFFFFF">
          <h2>JavaScript を有効にしてご利用下さい。</h2>
        </div></noscript>
        {% if ! initial_setup_installed %}
          <div>
            <h2>mkswu --init で作成した initial_setup.swu をインストールしてください。</h2>
          </div>
        {% endif %}
        {% match swu_last_update %}
          {% when Some with (update) %}
            {% if update.rootfs != update.updated_rootfs %}
            <div>
              <h2>現在 rollback パーティション {{ update.rootfs }} を起動しています。</h2>
            </div>
            {% endif %}
          {% when None %}
        {% endmatch %}
        <div>
          <h2>SWU ファイル入力</h2>
          <form method="post" class="swu_post" enctype="multipart/form-data" action="./swu_install_file">
            <label for="file">SWU ファイル</label>
            <input type="file" id="file" name="file" accept=".swu" />
            <button type="submit">インストール</button>
          </form>
          <hr />
          <h2>SWU URL 入力</h2>
          <form method="post" class="swu_post" enctype="multipart/form-data" action="./swu_install_url">
            <label for="url">SWU URL</label>
            <input type="text" id="url" name="url" placeholder="{{ swupdate_watch_url }}" />
            <button type="submit">インストール</button>
          </form>
        </div>
        <div>
          <h2>最新バージョンに更新</h2>
          {% if swupdate_watch_urls.is_empty() %}
            <h2>設定ファイルに有効なURLが見つかりません。</h2>
          {% else %}
          {% if let Some(url) = update_url %}
          <h3>アップデート情報は<a href="{{ url }}" target="_blank">こちら</a>です。</h3>
          {% endif %}
          <form method="post" class="swu_post" enctype="multipart/form-data" action="./swu_install_url">
            <label for="url_select">SWU URL</label>
            <select id="url_select" name="url">
              {%- for url_option in swupdate_watch_urls %}
                <option value="{{ url_option.url }}">{{ url_option.display_name }}</option>
              {%- endfor %}
            </select>
            <button type="submit">更新</button>
          </form>
          {% endif %}
        </div>
        <div>
        {% match swu_last_update %}
          {% when Some with (update) %}
            {% if update.rootfs == update.updated_rootfs && ! update.updated_versions.is_empty() %}
            <div>
              <h2>最新アップデート</h2>
              <h3>
                {{ update.updated_date.format("%Y-%m-%d %H:%M:%S") }} に以下のバージョンが更新されました：
              </h3>
              <div class="status">
                <table>
                  <tr>
                    <th>コンポーネント</th>
                    <th>旧バージョン</th>
                    <th>新バージョン</th>
                  </tr>
                  {%- for version in update.updated_versions %}
                  <tr>
                    <td>{{ version.component }}</td>
                    <td>{{ version.old_version|or_dash }}</td>
                    <td>{{ version.new_version|or_dash }}</td>
                  </tr>
                  {%- endfor %}
                </table>
              </div>
            </div>
            {% endif %}
          {% when None %}
        {% endmatch %}
          <h2>現在の SWU で管理されているバージョン</h2>
          <div class="status">
            <table>
              <tr>
                <th>コンポーネント</th>
                <th>バージョン</th>
              </tr>
              {%- for version in swu_versions %}
              <tr>
                <td>{{ version.component }}</td>
                <td>{{ version.version }}</td>
              </tr>
              {%- endfor %}
            </table>
          </div>
          <hr />
          <form method="post" id="swu_post_logs" class="swu_post" action="./swu_latest_log">
            <button type="submit">最新のインストールログ取得</button>
          </form>
        </div>
      </div>
      <script type="text/javascript" src="../static/swu/js/swu.js"></script>