{% extends "base.html" %}

{% block title %}Installing… · Furtka Installer{% endblock %}
{% block head_extra %}
{% if progress.status == "running" %}<meta http-equiv="refresh" content="3">{% endif %}
{% endblock %}
{% block step_indicator %}<span class="step-indicator">Installing</span>{% endblock %}

{% block content %}
{% if progress.status == "done" %}
<h1>Furtka is ready</h1>
<p class="lede">Installation finished. Remove the USB / eject the installer image, then reboot.</p>
{% elif progress.status == "error" %}
<h1>Installation hit a snag</h1>
<p class="lede">Something went wrong. Open the details below and share them so we can help.</p>
{% else %}
<h1>Installing Furtka</h1>
<p class="lede">This takes a few minutes. Don't close this page or power off the machine.</p>
{% endif %}

<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ progress.percent }}">
    <div class="progress-bar{% if progress.status == 'error' %} progress-bar-error{% endif %}{% if progress.status == 'done' %} progress-bar-done{% endif %}" style="width: {{ progress.percent }}%;"></div>
</div>
<p class="progress-phase">{{ progress.phase }} · {{ progress.percent }}%</p>

<details class="log-details">
    <summary>Show details</summary>
    <pre class="log">{{ log or "(waiting for install to start)" }}</pre>
</details>
{% endblock %}