{% extends "admin/change_form.html" %}
{% load i18n %}

{% block after_field_sets %}
  {{ block.super }}
  {% if original %}
    <fieldset class="module aligned">
      <h2>{% trans "LATEST" %}</h2>
      <div class="form-row">
        <div>
          <strong>{% trans "Captured" %}:</strong>
          {% if latest_snapshot %}
            {{ latest_snapshot.captured_at|date:"DATETIME_FORMAT" }}
          {% else %}
            <em>{% trans "Not captured" %}</em>
          {% endif %}
        </div>
        <div>
          <strong>{% trans "Resolution" %}:</strong>
          {% if latest_snapshot and latest_snapshot.resolution_display %}
            {{ latest_snapshot.resolution_display }}
          {% else %}
            <em>{% trans "Unknown" %}</em>
          {% endif %}
        </div>
        <div>
          <strong>{% trans "Format" %}:</strong>
          {% if latest_snapshot and latest_snapshot.image_format %}
            {{ latest_snapshot.image_format }}
          {% else %}
            <em>{% trans "Unknown" %}</em>
          {% endif %}
        </div>
        <div>
          <button
            type="submit"
            class="button"
            formaction="{% url 'admin:video_videodevice_actions' pk=original.pk tool='refresh_snapshot' %}"
            formmethod="post"
          >
            {% trans "Take Snapshot" %}
          </button>
        </div>
      </div>
      <div class="form-row">
        {% if latest_snapshot %}
          {% with preview=latest_snapshot.get_data_uri %}
            {% if preview %}
              <img src="{{ preview }}" alt="{% trans 'Latest snapshot' %}" style="max-width: 100%; height: auto;" />
            {% else %}
              <em>{% trans "Snapshot unavailable" %}</em>
            {% endif %}
          {% endwith %}
        {% else %}
          <em>{% trans "Snapshot unavailable" %}</em>
        {% endif %}
      </div>
    </fieldset>
  {% endif %}
{% endblock %}