{% extends 'administration/base.html.twig' %}
{% block title %}{{ 'admin.revisions.diff_title'|trans }} #{{ revision.id }}{% endblock %}
{% block body %}
<style>
    .revision-diff-field { margin-bottom: 1.25rem; }
    .revision-diff-field:last-child { margin-bottom: 0; }
    .revision-diff-block {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.8125rem;
        line-height: 1.45;
        border-radius: 0.375rem;
        overflow: auto;
        max-height: 28rem;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: var(--light-bg, #f8fafc);
    }
    .revision-diff-line {
        display: flex;
        gap: 0.5rem;
        white-space: pre-wrap;
        word-break: break-word;
        padding: 0.1rem 0.65rem;
        border-left: 3px solid transparent;
    }
    .revision-diff-line.context { border-left-color: transparent; }
    .revision-diff-line.add {
        background: rgba(16, 185, 129, 0.12);
        border-left-color: var(--success-color, #10b981);
    }
    .revision-diff-line.remove {
        background: rgba(239, 68, 68, 0.1);
        border-left-color: var(--danger-color, #ef4444);
    }
    .revision-diff-line.warning {
        background: rgba(245, 158, 11, 0.15);
        border-left-color: var(--warning-color, #f59e0b);
    }
    .revision-diff-sign {
        flex: 0 0 1.25ch;
        user-select: none;
        font-weight: 600;
        opacity: 0.75;
    }
    .revision-diff-text { flex: 1 1 auto; min-width: 0; }
    .revision-diff-block--custom-fields .revision-diff-line.context { opacity: 0.92; }
    .revision-diff-block--custom-fields .revision-diff-line.add,
    .revision-diff-block--custom-fields .revision-diff-line.remove { font-weight: 500; }
</style>
<div class="container-fluid">
    <div class="admin-card p-4 mb-3">
        <h2 class="gradient-text fw-bold">{{ 'admin.revisions.diff_title'|trans }} #{{ revision.id }}</h2>
        <a href="{{ path('admin_content_revisions', {type: entity_type, id: entity_id}) }}" class="btn btn-outline-secondary btn-sm">{{ 'admin.back'|trans }}</a>
    </div>
    <div class="admin-card p-4">
        <p class="text-muted small mb-4">{{ 'admin.revisions.diff_legend'|trans }}</p>
        {% for row in diff_rows %}
            <div class="revision-diff-field">
                <h6 class="mb-2"><code class="text-primary">{{ row.field }}</code></h6>
                {% if row.field == 'customFields' %}
                    <p class="text-muted small mb-2">{{ 'admin.revisions.custom_fields_diff_hint'|trans }}</p>
                {% endif %}
                <div class="revision-diff-block{% if row.field == 'customFields' %} revision-diff-block--custom-fields{% endif %}" role="region" aria-label="{{ row.field }}">
                    {% for line in row.diff_lines %}
                        <div class="revision-diff-line {{ line.kind }}">
                            <span class="revision-diff-sign" aria-hidden="true">{{ line.sign }}</span>
                            <span class="revision-diff-text">{{ line.text|e }}</span>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% else %}
            <p class="text-muted mb-0">{{ 'admin.revisions.no_diff'|trans }}</p>
        {% endfor %}
    </div>
</div>
{% endblock %}