{% 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 %}
  {% for item in record_actions %}
    <button class="btn btn-sm {% if item.dangerous %}btn-error btn-soft{% else %}btn-ghost{% endif %}"
            type="button" onclick="runRecordAction('{{ item.name }}', {{ key|tojson }})">
      {{ item.label }}
    </button>
  {% endfor %}
  {% 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">
  {% include "adminsite/_action_forms.html" %}
  {% 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>
            {% set widget = view.field_for(path).widget %}
            <dd class="sm:col-span-2">
              {% if widget in ("file", "image") and value %}
                {% set address = urls.file(view, path, view.value_at(record, path)) %}
                {% if widget == "image" %}
                  <a href="{{ address }}"><img src="{{ address }}" alt="{{ value }}" class="max-h-48 rounded-box"></a>
                {% else %}
                  <a class="link" href="{{ address }}">{{ value }}</a>
                {% endif %}
              {% else %}
                {{ value if value else "—" }}
              {% endif %}
            </dd>
          </div>
        {% endfor %}
      </dl>
    </div>
    {% for table in children %}
      <section class="mt-6">
        <h2 class="mb-2 font-semibold">{{ table.label }}</h2>
        <div class="overflow-x-auto rounded-box border border-base-300">
          <table class="table table-sm">
            <thead>
              <tr>{% for header in table.headers %}<th>{{ header }}</th>{% endfor %}</tr>
            </thead>
            <tbody>
              {% for cells in table.rows %}
                <tr>{% for text in cells %}<td>{{ text or "—" }}</td>{% endfor %}</tr>
              {% else %}
                <tr>
                  <td colspan="{{ table.headers|length }}" class="text-base-content/60">
                    {{ _('None yet.') }}
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </section>
    {% endfor %}
  {% 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 ({count})', count=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 %}