{% extends layout %}{% import 'ui/kit.html' as kit %}
{% import 'ui/telemetry/_t.html' as t with context %}
{% block title %}{{ service }} · amebo{% endblock %}
{% block content %}
{{ t.css() }}
{%- if hidden %}
<div class="section-head pin"><div>
  <div class="crumb"><a class="crumb-link" onclick="dj.get('/services?w={{ w.key }}', '#view', {push:true})">Services</a><span class="crumb-sep">/</span><span>{{ service }}</span></div>
  <h2>Service not found</h2><p class="sub">No telemetry you can see is reported under that service name.</p></div>
</div>
{%- else %}
<div class="section-head pin">
  <div>
    <div class="crumb"><a class="crumb-link" onclick="dj.get('/services?w={{ w.key }}', '#view', {push:true})">Services</a><span class="crumb-sep">/</span><span>{{ service }}</span></div>
    <h2>{{ service }}</h2>
    <div class="chips">
      {%- if app %}<span class="chip link" onclick="dj.get('/apps/' + encodeURIComponent({{ t.js(app) }}), '#view', {push:true})"><span class="chip-k">application</span>{{ app }}</span>
      {%- else %}<span class="pill warn">no registered application</span>{% endif %}
      {{ t.chip('routes', routes|length) }}
    </div>
  </div>
  {{ t.rng('/services/' ~ h.enc(service), w.key) }}
</div>
{{ t.kpis(cur, prev, points, w, ('Slowest span', h.dur(cur.max_us), h.delta(cur.max_us, prev.max_us, False), 'in this window', '', True)) }}
{{ t.health(points) }}
{{ t.apm_charts(w, service) }}
<div class="grid two-wide">
  <div class="panel nopad">
    <h3 class="panel-pad">Routes <span class="panel-sub">ordered by total time spent, not by call count</span></h3>
    <div class="table-wrap" style="border:none">
    {%- if not routes %}<div class="empty"><p>No routes in this window.</p></div>
    {%- else %}
      <table class="data">
        <thead><tr>
          <th>route</th><th class="right">calls</th><th class="right">errors</th>
          <th class="right">p50</th><th class="right">p95</th><th class="right">p99</th>
          <th class="right">avg</th><th>time spent</th>
        </tr></thead>
        <tbody>
        {%- for r in routes %}
          {%- set spent = r.avg_us * r.count %}
          <tr>
            <td class="fw mono">{{ r.route }}</td>
            <td class="right">{{ r.count }}</td>
            <td class="right">{{ t.err_cell(r.errors, r.count) }}</td>
            <td class="right mono">{{ h.dur(r.p50_us) }}</td>
            <td class="right mono">{{ h.dur(r.p95_us) }}</td>
            <td class="right mono">{{ h.dur(r.p99_us) }}</td>
            <td class="right mono dim">{{ h.dur(r.avg_us) }}</td>
            <td class="tbar-cell"><span class="tbar"><i style="width:{{ h.bar_pct(spent, top, False) }}%"></i></span><span class="tbar-t">{{ h.dur(spent) }}</span></td>
          </tr>
        {%- endfor %}
        </tbody>
      </table>
    {%- endif %}
    </div>
  </div>
  <div class="panel nopad">
    <h3 class="panel-pad">Slowest traces <span class="panel-sub">retained in this window</span></h3>
    <div class="table-wrap" style="border:none">{{ t.trace_table(slowest, False) }}</div>
  </div>
</div>
{%- endif %}
{% endblock %}