{% extends "base.html" %}

{% block content %}
{% if grafana_jwt_auth_token and grafana_base_url %}
<div class="container">
  <div class="row">
    <div class="col">
      <iframe class="grafana_iframe" src="{{grafana_base_url}}/d-solo/e9eb9b4a-7da1-4268-94b0-0768835744be/keypme-admin-view?auth_token={{grafana_jwt_auth_token}}&orgId=1&refresh=5s&theme=light&panelId=1" frameborder="0"></iframe>
    </div>
    <div class="col">
      <iframe class="grafana_iframe" src="{{grafana_base_url}}/d-solo/e9eb9b4a-7da1-4268-94b0-0768835744be/keypme-admin-view?auth_token={{grafana_jwt_auth_token}}&orgId=1&refresh=5s&theme=light&panelId=2" frameborder="0"></iframe>
    </div>
    <div class="col">
      <iframe class="grafana_iframe" src="{{grafana_base_url}}/d-solo/e9eb9b4a-7da1-4268-94b0-0768835744be/keypme-admin-view?auth_token={{grafana_jwt_auth_token}}&orgId=1&refresh=5s&theme=light&panelId=3" frameborder="0"></iframe>
    </div>
  </div>

  <div class="row">
    <iframe class="grafana_iframe" src="{{grafana_base_url}}/d-solo/e9eb9b4a-7da1-4268-94b0-0768835744be/keypme-admin-view?auth_token={{grafana_jwt_auth_token}}&orgId=1&refresh=5s&theme=light&panelId=4" frameborder="0"></iframe>
  </div>
  <!--<div class="row">
    <iframe class="grafana_iframe" src="{{grafana_base_url}}/d-solo/e9eb9b4a-7da1-4268-94b0-0768835744be/keypme-admin-view?auth_token={{grafana_jwt_auth_token}}&orgId=1&refresh=5s&theme=light&panelId=5" frameborder="0"></iframe>
  </div>-->
</div>
{% elif grafana_base_url == None %}
<div class="container"><p>No grafana.</p></div>
{% else %}
<div class="container"><p>Missing Grafana token.</p></div>
{% endif %}
{% endblock %}