{% macro stamp(value) %}{% if value is not none %}<time class="js-local-time" datetime="{{ value|utc_iso }}">{{ value|utc }}</time>{% else %}<span>No record</span>{% endif %}{% endmacro %}
{% macro outcome(value,labels) %}<span class="status-tag target-status-{{ value }}"><span class="status-dot-mini" aria-hidden="true"></span>{{ labels.get(value,value|replace('_',' ')) }}</span>{% endmacro %}
{% macro filters(data,labels,action,host='') %}
<form class="history-filters" action="{{ action }}" method="get" aria-label="Filter retained WebGUI history">
{% if host %}<input type="hidden" name="host" value="{{ host }}">{% else %}<label>Customer<input class="form-control" name="customer" value="{{ data.filters.customer }}" placeholder="All visible customers" maxlength="255"></label>{% endif %}
<label>Playbook<input class="form-control" name="playbook" list="history-books" value="{{ data.filters.playbook }}" placeholder="All recorded playbooks" maxlength="255"></label>
<datalist id="history-books">{% for book in data.playbooks %}<option value="{{ book }}">{% endfor %}</datalist>
<label>Mode<select class="form-select" name="mode">{% for val,label in [('apply','Apply runs'),('check','Check runs'),('all','Apply + check')] %}<option value="{{ val }}" {% if val == data.filters.mode %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label>
<label>Time range<select class="form-select" name="days">{% for val,label in [('7','Last 7 days'),('30','Last 30 days'),('90','Last 90 days'),('365','Last 365 days'),('all','All retained history')] %}<option value="{{ val }}" {% if val == data.filters.days %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label>
<label>Target outcome<select class="form-select" name="outcome"><option value="">All outcomes</option>{% for val,label in labels.items() %}<option value="{{ val }}" {% if val == data.filters.outcome %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label>
{% if not host %}<label>Host search<input class="form-control" type="search" name="q" value="{{ data.filters.q }}" placeholder="Logical hostname" maxlength="255"></label>{% endif %}
<button class="btn btn-outline-primary" type="submit">Apply filters</button>
</form>{% endmacro %}
{% macro summary(data,labels) %}
<div class="insight-metrics">
<section class="card"><span class="eyebrow">RETAINED WEBGUI RUNS</span><strong>{{ data.jobs }}</strong><span>Visible jobs in this filter</span></section>
<section class="card"><span class="eyebrow">TARGET OUTCOMES</span><strong>{{ data.samples }}</strong><span>One host per job = one sample</span></section>
<section class="card"><span class="eyebrow">SUCCESSFUL / KNOWN</span><strong>{{ data.success_percent|string + '%' if data.success_percent is not none else 'No samples' }}</strong><span>{{ data.counts.successful }} / {{ data.eligible }} succeeded, failed or unreachable</span></section>
</div>
<section class="card distribution-card" aria-label="Outcome distribution">
<div class="section-heading"><div><h2 class="h6">Recorded outcomes</h2><p class="small text-secondary mb-2">Not a live health or compliance measurement.</p></div><span class="mode-tag">{{ data.filters.mode }}</span></div>
{% if data.samples %}<svg class="outcome-bar" viewBox="0 0 1000 18" preserveAspectRatio="none" role="img" aria-label="{{ data.counts.successful }} succeeded, {{ data.counts.failed }} failed, {{ data.counts.unreachable }} unreachable, {{ data.counts.not_started }} not started, {{ data.counts.indeterminate }} indeterminate, {{ data.counts.unavailable }} unavailable, {{ data.counts.outstanding }} not finished">
{% set pos=namespace(x=0) %}{% for val,num in data.counts.items() %}{% if num %}{% set width=num*1000/data.samples %}<rect class="chart-{{ val }}" x="{{ pos.x }}" y="0" width="{{ width }}" height="18"/><title>{{ labels[val] }}: {{ num }}</title>{% set pos.x=pos.x+width %}{% endif %}{% endfor %}</svg>{% endif %}
<div class="outcome-legend">{% for val,num in data.counts.items() %}<span><i class="legend-dot chart-{{ val }}" aria-hidden="true"></i>{{ labels[val] }} <strong>{{ num }}</strong></span>{% endfor %}</div>
<p class="coverage-note">{{ data.changed_participations }} host/run samples reported changed tasks. Unknown, not-started, unavailable and unfinished samples are excluded from the success-rate denominator.</p>
</section>
{% endmacro %}
{% macro records(data,labels) %}
<div class="history-list">{% for r in data.records %}
<article class="history-item">
  <div class="history-item-main"><a class="operation-link" href="/jobs/{{ r.job_id }}">{{ r.playbook|replace('_',' ') }}</a><div class="row-meta">Job {{ r.job_id[:12] }} &middot; {{ r.username }} &middot; <span class="mode-tag">{{ r.mode }}</span></div><div class="small text-secondary">{{ stamp(r.recorded_at) }}{% if r.finished_at is none %} &middot; creation time{% endif %}</div></div>
  <div class="history-item-result">{{ outcome(r.outcome,labels) }}<span class="small text-secondary">Whole job: {{ r.job_display_status|replace('_',' ') }}</span></div>
  {% if r.counts is not none %}<details class="counter-details"><summary>Target task counters</summary><dl class="counter-grid">{% for k,n in r.counts.items() %}<div><dt>{{ k }}</dt><dd>{{ n }}</dd></div>{% endfor %}</dl></details>{% else %}<p class="small text-secondary mb-0">{{ 'This job has not finished.' if r.outcome == 'outstanding' else 'No authoritative per-target result is retained for this record.' }}</p>{% endif %}
</article>{% else %}<div class="empty-state"><h3 class="h6">No retained runs match</h3><p>Try a wider time range or another mode. Terminal AIM runs and deleted jobs are not collected.</p></div>{% endfor %}</div>
{% endmacro %}