{% extends "adminsite/base.html" %}

{% block page_title %}{{ heading }} · {{ title }}{% endblock %}

{% block header %}
  <div class="breadcrumbs py-0 text-sm">
    <ul>
      <li><a href="{{ urls.list(view) }}">{{ view.label_plural }}</a></li>
      <li class="truncate font-semibold">{{ heading }}</li>
    </ul>
  </div>
{% endblock %}

{% block header_actions %}
  {% if can_edit %}
    <a class="btn btn-primary btn-sm" href="{{ urls.edit(view, key) }}">Edit</a>
  {% endif %}
{% endblock %}

{% block content %}
<div class="mx-auto max-w-2xl p-4 lg:p-6">
  {% macro details() %}
    <div class="card card-border bg-base-100">
      <dl class="divide-y divide-base-300">
        {% for path, label, value in rows %}
          <div class="grid gap-1 px-5 py-3 sm:grid-cols-3 sm:gap-4">
            <dt class="text-base-content/60">{{ label }}</dt>
            <dd class="sm:col-span-2">{{ value if value else "—" }}</dd>
          </div>
        {% endfor %}
      </dl>
    </div>
  {% endmacro %}

  {% if history is not none %}
    <div class="tabs tabs-border">
      <input type="radio" name="record-tabs" class="tab" aria-label="Details" checked>
      <div class="tab-content pt-4">{{ details() }}</div>

      <input type="radio" name="record-tabs" class="tab" aria-label="History ({{ history|length }})">
      <div class="tab-content pt-5">
        {% set items = history %}
        {% set show_record = False %}
        {% include "adminsite/_history.html" %}
      </div>
    </div>
  {% else %}
    {{ details() }}
  {% endif %}
</div>
{% endblock %}