{% extends "base.html" %}
{% import '_ui.html' as ui %}
{% block title %}Updates - PXE Manager{% endblock %}

{% block extra_head %}
<style>
  .up-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 16px; }
  .up-tile { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; }
  .up-tile h2 { margin: 0; font-size: 15px; font-weight: 600; color: var(--muted); }
  .up-state { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; }
  .up-state .ring { width: 12px; height: 12px; border-radius: 6px; flex: none; }
  .up-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: auto; padding-top: 4px; }
  .up-foot form { margin: 0; }
  .mini { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 4px; }
  .mini th { text-align: left; font-weight: 400; white-space: nowrap; }
  .mini td, .mini th { padding: 5px 14px 5px 0; border-top: 1px solid var(--line); }
  .agrid { display: grid; grid-template-columns: 150px minmax(0, 1fr) 130px 14px; align-items: center; gap: 0 16px;
           padding: 12px 180px 12px 24px; font-size: 14px; min-height: 24px; }
  .abody { padding: 2px 24px 16px 190px; font-size: 13px; line-height: 1.55; display: flex; flex-direction: column; gap: 8px; }
  .abody ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
  .abody li { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
  .abody .mono { overflow-wrap: anywhere; min-width: 0; }
  @container (max-width: 760px) {
    .agrid { grid-template-columns: minmax(0, 1fr) auto 14px; padding: 12px 16px; }
    .agrid .when { grid-column: 1 / -1; }
    .ui-row > .act { position: static; padding: 0 16px 10px; display: flex; justify-content: flex-end; }
    .abody { padding: 2px 16px 14px; }
  }
</style>
{% endblock %}

{% block content %}
{% call ui.head('Updates overview', 'Updates') %}
  <details class="more">
    <summary class="fbtn" style="background: var(--surface); min-height: 36px">Download cap
      <strong class="mono">{{ ('%g MB/s' | format(settings.max_mbps)) if settings.max_mbps else 'none' }}</strong><span class="chev" aria-hidden="true">&#9662;</span></summary>
    <form class="menu" method="post" action="{{ url_for('dell_updates.save_settings') }}" style="width: min(300px, calc(100vw - 32px)); padding: 14px; gap: 10px">
      <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
      <input type="hidden" name="next" value="overview">
      <label for="cap" style="font-size: 13px; font-weight: 600">Download speed cap (MB/s)</label>
      <div style="display: flex; gap: 8px"><input id="cap" name="max_mbps" type="number" min="0" max="1000" step="0.5"
        value="{{ '%g' | format(settings.max_mbps) }}" aria-describedby="cap-help" class="field mono" style="width: 90px">
        <button type="submit" class="ui-btn pri">Save</button></div>
      <span id="cap-help" class="sub" style="white-space: normal">0 means no cap. Applies to Dell and iPXE downloads; Blancco and BPRT are uploads.</span>
    </form>
  </details>
{% endcall %}

<div class="ui-stack">
<div class="up-grid">
  {# ---- Dell ---- #}
  <section class="panel up-tile" aria-labelledby="dell-h">
    <h2 id="dell-h">Dell drivers and BIOS</h2>
    {% set n_up = dell.drv_updates + dell.bios_updates %}
    {% if not dell.checked %}
      <div class="up-state"><span class="ring" style="background: var(--track-done)"></span>Not checked yet</div>
      <span class="sub">Check the Dell catalogs for newer driver packs and BIOS.</span>
    {% elif n_up %}
      <div class="up-state"><span class="ring" style="background: var(--act-track)"></span>{{ n_up }} update{{ 's' if n_up != 1 }}</div>
      <span class="sub">{{ dell.drv_updates }} driver pack{{ 's' if dell.drv_updates != 1 }}, {{ dell.bios_updates }} BIOS. Checked {{ dell.checked | local_dt }}.</span>
    {% else %}
      <div class="up-state"><span class="ring" style="background: var(--ok)"></span>All current</div>
      <span class="sub">{{ dell.drivers }} driver packs, {{ dell.bios }} BIOS lines. Checked {{ dell.checked | local_dt }}.</span>
    {% endif %}
    <div class="up-foot">
      <form method="post" action="{{ url_for('dell_updates.check') }}"><input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
        <button type="submit" class="ui-btn pri">Check now</button></form>
      <a class="ui-btn ghost" href="{{ url_for('dell_updates.page') }}">Open</a>
    </div>
  </section>

  {# ---- iPXE ---- #}
  <section class="panel up-tile" aria-labelledby="ipxe-h">
    <h2 id="ipxe-h">iPXE boot files</h2>
    <div class="up-state">
      <span class="ring" style="background: {{ 'var(--act-track)' if ipxe.status == 'update' else ('var(--ok)' if ipxe.status in ('current', 'newer') else 'var(--track-done)') }}"></span>
      {{ ipxe.version or 'Unknown version' }}
      {% if ipxe.status == 'update' %}{{ ui.chip(ipxe.latest.tag ~ ' available', 'act') }}{% endif %}
    </div>
    <span class="sub">{% if ipxe.latest %}Latest upstream {{ ipxe.latest.tag }}, checked {{ ipxe.latest.checked | local_dt }}.{% else %}Upstream not checked yet.{% endif %}</span>
    <details><summary class="disc"><span class="chev" aria-hidden="true">&#9662;</span>Boot files on the TFTP root</summary>
      <table class="mini"><caption class="vh">Boot files on the TFTP root</caption><tbody>
        {% for r in ipxe.rows %}<tr><th scope="row" class="mono">{{ r.name }}</th><td>{{ (r.info or {}).get('version') or ('not installed' if not r.info else '-') }}</td></tr>{% endfor %}
      </tbody></table>
    </details>
    <div class="up-foot">
      <form method="post" action="{{ url_for('ipxe.check') }}"><input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
        <button type="submit" class="ui-btn pri">Check now</button></form>
      <a class="ui-btn ghost" href="{{ url_for('ipxe.page') }}">History</a>
    </div>
  </section>

  {# ---- Blancco ---- #}
  <section class="panel up-tile" aria-labelledby="bl-h">
    <h2 id="bl-h">Blancco releases</h2>
    {% set cur = blancco.current or {} %}
    <div class="up-state"><span class="ring" style="background: {{ 'var(--fail)' if cur.missing else 'var(--ok)' }}"></span>{{ cur.version or 'Unknown' }} live</div>
    <span class="sub">{% if cur.missing %}Missing release files: {{ cur.missing | join(', ') }}.{% elif blancco.staged %}{{ blancco.staged | length }} staged release{{ 's' if blancco.staged | length != 1 }} waiting.{% else %}Nothing staged.{% endif %}</span>
    <details><summary class="disc"><span class="chev" aria-hidden="true">&#9662;</span>How an update works</summary>
      <ol class="sub" style="margin: 4px 0 0; padding-left: 18px; line-height: 1.6">
        <li>Upload the vendor release (.iso, .img, .img.gz or .iso.gz).</li>
        <li>If its preferences format changed, upload the merged preferences file; staging waits for it.</li>
        <li>Test-boot the staged release from the PXE menu, then activate.</li>
      </ol>
    </details>
    <div class="up-foot"><a class="ui-btn pri" href="{{ url_for('blancco_update.page') }}">Upload release</a><a class="ui-btn ghost" href="{{ url_for('blancco_update.page') }}">History</a></div>
  </section>

  {# ---- BPRT ---- #}
  <section class="panel up-tile" aria-labelledby="bprt-h">
    <h2 id="bprt-h">BPRT sync</h2>
    {% set live = bprt.live or {} %}
    {% if not live.exists %}
      <div class="up-state"><span class="ring" style="background: var(--fail)"></span>No live BPRT folder</div>
    {% elif live.missing_required %}
      <div class="up-state"><span class="ring" style="background: var(--fail)"></span>{{ live.missing_required | length }} required file{{ 's' if live.missing_required | length != 1 }} missing</div>
    {% else %}
      <div class="up-state"><span class="ring" style="background: var(--ok)"></span>Required files present</div>
    {% endif %}
    <span class="sub">{{ live.count or 0 }} files, {{ (live.bytes or 0) | filesizeformat }}. {% if bprt.batches %}{{ bprt.batches | length }} incoming batch{{ 'es' if bprt.batches | length != 1 }} waiting.{% else %}No batch waiting.{% endif %}</span>
    {% if live.missing_required %}<div class="notice bad">Missing: {{ live.missing_required | join(', ') }}</div>{% endif %}
    <div class="up-foot"><a class="ui-btn pri" href="/updates/bprt/">Open BPRT sync</a></div>
  </section>
</div>

<section class="panel ui-list" aria-labelledby="act-h">
  <div style="padding: 18px 24px 10px"><h2 id="act-h" class="sec">Dell applies</h2>
    <div class="sub" style="margin-top: 2px">iPXE, Blancco and BPRT keep their own history; open it from their cards.</div></div>
  {% for h in history %}
  {% set can = not h.rolled_back and h.unchanged > 0 %}
  <div class="ui-row">
    <details>
      <summary class="agrid">
        <span class="mono sub when">{{ h.at | local_dt }}</span>
        <span>{{ h.title }}</span>
        <span>
          {% if h.rolled_back %}{{ ui.chip('Rolled back', 'neutral') }}
          {% elif h.errors and not h.total %}{{ ui.chip('Apply failed', 'err') }}
          {% elif not h.total %}{{ ui.chip('Nothing written', 'off') }}
          {% elif h.unchanged == h.total %}{{ ui.chip(h.unchanged ~ '/' ~ h.total ~ ' unchanged', 'ok') }}
          {% elif h.unchanged %}{{ ui.chip(h.unchanged ~ '/' ~ h.total ~ ' unchanged', 'warn') }}
          {% else %}{{ ui.chip('0/' ~ h.total ~ ' unchanged', 'off') }}{% endif %}
        </span>
        <span class="chev" aria-hidden="true">&#9662;</span>
      </summary>
      <div class="abody">
        <ul>{% for c in h.changes %}<li>{{ c }}</li>{% endfor %}
            {% for d in h.drivers %}<li class="sub"><span class="mono">{{ d.old }}</span> to <span class="mono">{{ d.new }}</span></li>{% endfor %}</ul>
        {% if h.skipped %}<div class="notice">Skipped: {{ h.skipped | join('; ') }}</div>{% endif %}
        {% if h.errors %}<div class="errbox">{{ h.errors | join('; ') }}</div>{% endif %}
        {% if h.files %}
        <ul>
          {% for f in h.files %}
          <li><span class="mono">{{ f.label }}</span>
            {% if f.state == 'unchanged' %}<span class="muted">unchanged since this apply</span>
            {% elif f.state == 'changed' %}<span>content differs from what this apply wrote{% if f.mtime %} (last modified {{ f.mtime | local_dt }}){% endif %}</span>
            {% else %}<span style="color: var(--fail-text)">missing</span>{% endif %}</li>
          {% endfor %}
        </ul>
        {% endif %}
        {% if h.rolled_back %}<div class="sub">Rolled back {{ h.rolled_back | local_dt }}.</div>{% endif %}
        <div class="sub">Apply <span class="mono">{{ h.id }}</span>. Rollback is offered only for files nobody has changed since the apply (same content hash).</div>
      </div>
    </details>
    {% if can %}<div class="act"><a class="ui-btn" href="{{ url_for('dell_updates.rollback_review', apply_id=h.id) }}">Review rollback</a></div>{% endif %}
  </div>
  {% else %}
  <div class="hidden-bar"><span>No Dell apply recorded yet.</span></div>
  {% endfor %}
</section>
</div>
{% endblock %}