{% extends "wagtailadmin/base.html" %}
{% load i18n %}
{% load wagtailadmin_tags %}

{% block extra_css %}
  <style>
    div.nice-padding {
      margin-bottom: 3em;
    }
    .common-cache-keys {
      max-height: 50vh;
      overflow: auto;
      white-space: pre;
    }
    .common-cache-keys code {
      display: block;
      padding: 10px 15px;
    }
  </style>
{% endblock %}

{% block content %}
  <header class="nice-padding">
    <h1>
      {% icon name="view" class_name="header-title-icon" %}
      {% trans "Developer info" %}
    </h1>
  </header>

  {% if ip_address %}
    <div class="nice-padding">
      <h2>{% trans "Site IP address" %}</h2>
      <p>{{ ip_address }}</p>
    </div>
  {% endif %}

  <div class="nice-padding">
    <h2>{% trans "Cache" %}</h2>
    {% if cache_error %}
      <p>{{ cache_error }}</p>
    {% elif cache_keys %}
      <h2>{% trans "Keys in cache" %}</h2>
      <pre class="common-cache-keys"><code>{{ cache_keys }}</code></pre>
    {% else %}
      <p>{% trans "No cache info to show" %}</pre>
    {% endif %}
  </div>
{% endblock %}