{% extends "admin/base.html" %}
{% use_elements %}

{% block content %}

<details class="admin-card group" open>
    <summary class="flex items-center justify-between gap-2 cursor-pointer select-none px-6 py-4">
        <h3 class="text-lg font-semibold">{{ object.__class__.__name__ }} Details</h3>
        <admin.Icon name="chevron-right" class="text-admin-muted-foreground transition-transform group-open:rotate-90" />
    </summary>
    <section class="px-6 pb-6">
        <dl class="grid grid-cols-[auto_1fr] gap-x-8">
            {% for field in fields %}
            <dt class="whitespace-nowrap py-1.5">{{ get_field_label(field) }}</dt>
            <dd class="py-1.5 min-w-0">
                {% set value = get_field_value(object, field) %}
                {% set value = format_field_value(object, field, value) %}
                {% include get_field_value_template(object, field, value) with context %}
            </dd>
            {% endfor %}
        </dl>
    </section>
</details>

{% endblock %}