{% extends "base.html" %}
{% load strip_db %}

{% block title %}| Distributed database index{% endblock title %}
{% block body %}

<div class="alert alert-primary" role="alert">
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
    <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
  </svg>
  This is ara's <a class="alert-link" href="https://ara.readthedocs.io/en/latest/distributed-sqlite-backend.html" target="_blank">distributed sqlite backend</a> index.
  It does not have an API but provides links to databases where the reporting UI and API are available.
</div>

<div>
  <h4>Database root: {{ distributed_sqlite_root }}</h4>
  <div class="table-responsive">
    <table class="table table-sm table-hover" id="distributed_table">
      <thead>
        <tr style="height:50px;">
          <th title="Path">Path</th>
          <th class="text-right" title="Path">Size</th>
          <th class="text-right" title="Path">Last updated</th>
        </tr>
      </thead>
      <tbody>
        {% for database in databases %}
        <tr>
          <td><a href="{{ database.path | strip_db }}">{{ database.path }}</a></td>
          <td class="text-right">{{ database.size }}</td>
          <td class="text-right">{{ database.updated }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

{% endblock body %}
