{% import '@DHAuditor/Audit/helpers/helper.html.twig' as helper %}

{% macro displayDiffs(field, changeset) %}
{#    {{ dump(field, changeset) }}#}
    {% if changeset.old is defined or changeset.new is defined %}
        {# NON JSON field changeset #}
        {{ include('@DHAuditor/Audit/entry_diff.html.twig', {'key': field, 'values': changeset}) }}
    {% else %}
        {#  JSON field changeset #}
        {% for json_field, json_changeset in changeset %}
            {{ _self.displayDiffs(field~'.'~json_field, json_changeset) }}
        {% endfor %}
    {% endif %}
{% endmacro %}

<div class="auditor-audit-history-entry relative pb-8">
    {% if not is_last %}
    <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span>
    {% endif %}
    <div class="relative flex space-x-3">
        <div>
            <span class="h-8 w-8 rounded-full {{ helper.label_type(entry.getType()) }} flex items-center justify-center ring-8 ring-white text-white">
                {{ helper.icon_type(entry.getType()) }}
            </span>
        </div>
        <div class="auditor-audit-history-entry-table min-w-0 flex-1 bg-gray-100 rounded pb-2 px-3 border hover:border hover:border-blue-400 hover:bg-blue-50 transition-all duration-300 group">
            <div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4">
                <div>
                    <p class="text-sm text-gray-500">{{ helper.summarize(entity, entry) }}</p>
                </div>
                <div class="text-right text-sm whitespace-nowrap text-gray-500">
                    <time datetime="{{ entry.getCreatedAt()|date('Y-m-d H:i:s') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline align-text-top" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                        </svg>
                        {{ entry.getCreatedAt()|format_datetime('full', 'long') }}
                    </time>
                </div>
            </div>
            <div class="min-w-0">
                {% if entry.getType() in ['insert', 'update'] %}
                <div class="mt-2 flex flex-col">
                    <div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
                        <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
                            <div class="overflow-hidden border border-gray-200 sm:rounded group-hover:border-blue-200 transition-all duration-300">
                                <table class="min-w-full divide-y divide-gray-200">
                                    <thead class="bg-gray-50">
                                    <tr>
                                        <th scope="col" class="px-3 py-1 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                                            {% trans from 'auditor' %}audit.audit_details.property{% endtrans %}
                                        </th>
                                        <th scope="col" class="px-3 py-1 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/3">
                                            {% trans from 'auditor' %}audit.audit_details.old_value{% endtrans %}
                                        </th>
                                        <th scope="col" class="px-3 py-1 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/3">
                                            {% trans from 'auditor' %}audit.audit_details.new_value{% endtrans %}
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody class="divide-y divide-gray-200">
                                    {% set diffs = entry.getDiffs() %}
                                    {% for field, changeset in diffs %}
                                        {{ _self.displayDiffs(field, changeset) }}
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                {% endif %}

                {% if entry.getTransactionHash() is not empty %}
                <div class="text-right">
                    <a class="text-xs text-gray-500 hover:text-blue-500 transition-all duration-300" href="{{ path('dh_auditor_show_transaction', {hash: entry.getTransactionHash()}) }}" title="{% trans from 'auditor' %}audit.audit_details.entry_title{% endtrans %}">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline align-text-top" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" />
                        </svg>
                        {{ entry.getTransactionHash() }}
                    </a>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>