{% extends "base.html" %}

{% block title %}Litestream status{% endblock %}

{% block extra_head %}
{% endblock %}

{% block content %}
<h1>Litestream Status</h1>

PID: {{process.get("pid")}}
status: {{process.get("status")}}

<h2><code>litestream.yaml</code> Config</h2>
<pre>
  {{ litestream_config }}
</pre>

<h2>Logs</h2>
<pre class="litestream-logs">
{{ logs }}
</pre>

{% if not metrics_enabled %}
<strong>WARNING: metrics-addr was not defined, so no litestream metrics are available.</strong>
{% else %}
<h2>Metrics</h2>

<div><strong>Goroutines</strong>: {{ go_stats.get("go_goroutines") }}</div>
<div><strong>Go threads</strong>: {{ go_stats.get("go_threads") }}</div>


{% if replica_operations.get("bytes") | length > 0 %}
<b> Replica operation bytes</b>
<table>
  <thead>
    <tr>
      <th>Operation</th>
      <th>Replica Type</th>
      <th>Bytes</th>
    </tr>
  </thead>
  <tbody>
    {% for row in replica_operations.get("bytes") %}
      <tr>
        <td>{{ row.get("operation") }}</td>
        <td>{{ row.get("replica_type") }}</td>
        <td>{{ row.get("value") }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}

{% if replica_operations.get("total") | length > 0 %}
<b> Replica total operations</b>
<table>
  <thead>
    <tr>
      <th>Operation</th>
      <th>Replica Type</th>
      <th>Number of operations</th>
    </tr>
  </thead>
  <tbody>
    {% for row in replica_operations.get("total") %}
      <tr>
        <td>{{ row.get("operation") }}</td>
        <td>{{ row.get("replica_type") }}</td>
        <td>{{ row.get("value") }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}

{% for db, metrics in metrics_by_db.items() %}
  <h3>{{ db }}</h3>
  <table>
    <thead>
      <tr>
        <th>Key</th>
        <th>Value</th>
      </tr>
    </thead>
    <tbody>
      {% for key, value in metrics.items() %}
        <tr>
          <td><strong>{{ key }}</strong></td>
          <td>{{ value }}</td>
        </tr>
      {% endfor %}
  </table>
{% endfor %}

{% endif %}

<style>
  pre.litestream-logs {
    max-height: 500px;
    overflow: auto;
    background: #2a2a2a;
    color: white;
    padding: 1rem;
    font-size: .9rem;
  }
  </style>
{% endblock %}