{% extends layout %}{% import 'ui/kit.html' as kit %}
{% block title %}amebo - deployments{% endblock %}
{% block content %}
<link rel="stylesheet" href="/public/ui/automate.css">
<div class="section-head pin">
  <div>
    <h2>Deployments</h2>
    <p class="sub">Every deploy is an event on the broker's ledger. Impact is measured over equal windows either side of the deploy, from the same exact histograms the percentiles come from.</p>
  </div>
</div>

{% if flash %}{{ kit.flash(flash, tone) }}{% endif %}

<div class="panel nopad" style="margin-bottom:20px">
  <h3 class="panel-pad">Receiving webhooks <span class="panel-sub">one endpoint per provider, verified before anything is stored</span></h3>
  <div class="table-wrap" style="border:none">
    <table class="data"><tbody>{% for s in setup %}
      <tr>
        <td class="fw">{{ s.provider }}</td>
        <td>{% if s.configured %}<span class="pill ok">configured</span>{% else %}<span class="pill mut">not set</span>{% endif %}</td>
        <td class="mono dim">POST /v1/hooks/{{ s.provider }}</td>
        <td class="doc-note">{{ s.how }}</td>
        <td class="right">{% if principal and principal.superadmin %}
          <form onsubmit="var f=new FormData(this);dj.send('/dash/vcs/secret',{method:'POST',target:'#view',body:f});return false" style="display:flex;gap:6px">
            <input type="hidden" name="provider" value="{{ s.provider }}">
            <input name="secret" type="password" placeholder="webhook secret" minlength="8" autocomplete="new-password" style="width:170px">
            <button class="btn btn-sm" type="submit">Save</button>
          </form>{% endif %}
        </td>
      </tr>{% endfor %}
    </tbody></table>
  </div>
</div>

<div class="table-wrap">
{%- if not deploys %}
  <div class="empty">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 2 2 7l10 5 10-5z"/><path d="m2 17 10 5 10-5"/><path d="m2 12 10 5 10-5"/></svg>
    <p>No deployments yet</p>
    <p class="hint">Point a GitHub, GitLab or Bitbucket webhook at POST /v1/hooks/&lt;provider&gt; and every push, deployment, release and pull request becomes an ordinary amebo event.</p>
  </div>
{%- else %}
  <table class="data">
    <thead><tr><th>deployment</th><th>by</th><th>state</th><th class="right">service</th><th>impact</th><th class="right">when</th></tr></thead>
    <tbody>{% for d in deploys %}
      <tr class="rowlink" onclick="dj.get('/deploys/' + encodeURIComponent('{{ d.deploy }}'), '#view', {push:true})">
        <td>
          <div class="ititle">{{ d.title or d.repository }}</div>
          <div class="iculprit">{{ d.repository }}</div>
          <div class="ichips">{% include 'ui/automate/_deploy_chips.html' %}</div>
        </td>
        <td>{{ d.author or 'unknown' }}</td>
        <td><span class="pill {{ state_tone(d.status) }}">{{ d.status or 'unknown' }}</span></td>
        <td class="right">{% if d.service %}<span>{{ d.service }}</span>{% else %}<span class="dim">unmatched</span>{% endif %}</td>
        <td class="tbar-cell">{% if not d.service or not d.after or d.after.count == 0 %}<span class="dim">no telemetry</span>{% else %}
          <span class="dep-imp">p95 {{ delta(d.before.p95_us, d.after.p95_us, False) }}</span>
          <span class="dep-imp">errors {{ delta(rate10(d.before.errors, d.before.count), rate10(d.after.errors, d.after.count), False) }}</span>
        {% endif %}</td>
        <td class="right dim nowrap">{{ d.ts|ago }}</td>
      </tr>{% endfor %}
    </tbody>
  </table>
{%- endif %}
</div>
{% endblock %}