{{--
    Partial: muestra los datos de una entidad para auditoría.
    Variables:
      $payload     → datos a mostrar
      $entityType  → 'rule' | 'coverage'
      $compareTo   → (opcional) payload contra el cual comparar para resaltar diferencias
      $mode        → 'new' | 'old' | 'solo' (solo = sin comparación)
--}}
@php
    $compareTo = $compareTo ?? null;

    // Helper: devuelve true si el campo cambió respecto al compareTo
    $changed = function(string $section, string $field) use ($payload, $compareTo): bool {
        if (!$compareTo) return false;
        $newVal = $payload[$section][$field] ?? null;
        $oldVal = $compareTo[$section][$field] ?? null;
        return (string)$newVal !== (string)$oldVal;
    };

    $rowClass = fn(string $section, string $field): string =>
        $changed($section, $field) ? 'bg-amber-50 border-l-4 border-amber-400' : '';

    $valClass = fn(string $section, string $field): string =>
        $changed($section, $field) ? 'font-bold text-amber-800' : 'text-gray-800';

    $changedIcon = fn(string $section, string $field): string =>
        $changed($section, $field) ? '<i class="ph ph-pencil-simple text-amber-500 ml-1 text-xs"></i>' : '';
@endphp

@if($entityType === 'rule')
    @php $r = $payload['rule'] ?? []; @endphp
    <div class="rounded-xl border border-gray-200 overflow-hidden text-xs">
        <table class="w-full">
            <tbody class="divide-y divide-gray-100">
                <tr class="{{ $rowClass('rule','name') }} px-3 py-2">
                    <td class="px-3 py-2 text-gray-500 font-semibold w-28 whitespace-nowrap">Nombre</td>
                    <td class="px-3 py-2 {{ $valClass('rule','name') }}">{!! ($r['name'] ?? '—') . $changedIcon('rule','name') !!}</td>
                </tr>
                <tr class="{{ $rowClass('rule','category') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Categoría</td>
                    <td class="px-3 py-2 {{ $valClass('rule','category') }}">{!! ($r['category'] ?? '—') . $changedIcon('rule','category') !!}</td>
                </tr>
                <tr class="{{ $rowClass('rule','context') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Contexto</td>
                    <td class="px-3 py-2">
                        @php $ctx = $r['context'] ?? ''; @endphp
                        <span class="px-1.5 py-0.5 rounded text-xs font-bold
                            {{ $ctx === 'quote' ? 'bg-gray-200 text-gray-700' : ($ctx === 'emission' ? 'bg-indigo-100 text-indigo-700' : 'bg-green-100 text-green-700') }}
                            {{ $changed('rule','context') ? 'ring-2 ring-amber-400' : '' }}">
                            {{ $ctx ?: '—' }}
                        </span>
                        {!! $changedIcon('rule','context') !!}
                    </td>
                </tr>
                <tr class="{{ $rowClass('rule','priority') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Prioridad</td>
                    <td class="px-3 py-2 {{ $valClass('rule','priority') }}">{!! ($r['priority'] ?? '—') . $changedIcon('rule','priority') !!}</td>
                </tr>
                <tr class="{{ $rowClass('rule','is_active') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Activa</td>
                    <td class="px-3 py-2">
                        @if($r['is_active'] ?? false)
                            <span class="font-bold text-green-600">Sí</span>
                        @else
                            <span class="font-bold text-red-600">No</span>
                        @endif
                        {!! $changedIcon('rule','is_active') !!}
                    </td>
                </tr>
            </tbody>
        </table>

        {{-- Condiciones --}}
        @php
            $newConds = $payload['conditions'] ?? [];
            $oldConds = $compareTo ? ($compareTo['conditions'] ?? []) : null;
            $condsChanged = $oldConds !== null && json_encode($newConds) !== json_encode($oldConds);
        @endphp
        <div class="border-t border-gray-200 px-3 py-2 {{ $condsChanged ? 'bg-amber-50 border-l-4 border-amber-400' : 'bg-gray-50' }}">
            <p class="font-semibold text-gray-500 mb-1">
                Condiciones ({{ count($newConds) }})
                @if($condsChanged) <i class="ph ph-pencil-simple text-amber-500 ml-1"></i> @endif
            </p>
            @if(!empty($newConds))
                <ul class="space-y-0.5 pl-1">
                    @foreach($newConds as $cond)
                        <li class="text-gray-700">
                            <span class="text-gray-400">[{{ $cond['source'] ?? 'param' }}]</span>
                            <span class="font-semibold">{{ $cond['field'] ?? '' }}</span>
                            <span class="font-mono bg-white border border-gray-200 px-1 rounded mx-0.5">{{ $cond['operator'] ?? '' }}</span>
                            <span class="font-bold">{{ $cond['value'] ?? '' }}</span>
                        </li>
                    @endforeach
                </ul>
            @else
                <span class="text-gray-400 italic">Sin condiciones</span>
            @endif
        </div>

        {{-- Acciones --}}
        @php
            $newActions = $payload['actions'] ?? [];
            $oldActions = $compareTo ? ($compareTo['actions'] ?? []) : null;
            $actionsChanged = $oldActions !== null && json_encode($newActions) !== json_encode($oldActions);
        @endphp
        <div class="border-t border-gray-200 px-3 py-2 {{ $actionsChanged ? 'bg-amber-50 border-l-4 border-amber-400' : 'bg-gray-50' }}">
            <p class="font-semibold text-gray-500 mb-1">
                Acciones ({{ count($newActions) }})
                @if($actionsChanged) <i class="ph ph-pencil-simple text-amber-500 ml-1"></i> @endif
            </p>
            @if(!empty($newActions))
                <ul class="space-y-0.5 pl-1">
                    @foreach($newActions as $act)
                        <li class="text-gray-700">
                            <span class="font-semibold">{{ $act['field'] ?? '' }}</span>
                            <i class="ph ph-arrow-right mx-0.5 text-gray-400"></i>
                            <span class="font-bold">{{ $act['value'] ?? '' }}</span>
                            @if(($act['type'] ?? 'auto') !== 'auto')
                                <span class="ml-1 px-1 rounded bg-red-100 text-red-600 font-bold text-xs">{{ $act['type'] }}</span>
                            @endif
                        </li>
                    @endforeach
                </ul>
            @else
                <span class="text-gray-400 italic">Sin acciones</span>
            @endif
        </div>
    </div>

@elseif($entityType === 'coverage')
    @php $c = $payload['coverage'] ?? []; @endphp
    <div class="rounded-xl border border-gray-200 overflow-hidden text-xs">
        <table class="w-full">
            <tbody class="divide-y divide-gray-100">
                <tr class="{{ $rowClass('coverage','commercial_name') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold w-32 whitespace-nowrap">Nombre comercial</td>
                    <td class="px-3 py-2 {{ $valClass('coverage','commercial_name') }}">{!! ($c['commercial_name'] ?? '—') . $changedIcon('coverage','commercial_name') !!}</td>
                </tr>
                @if(($c['commercial_name_with_auxiseg'] ?? '') || ($compareTo && ($compareTo['coverage']['commercial_name_with_auxiseg'] ?? '')))
                <tr class="{{ $rowClass('coverage','commercial_name_with_auxiseg') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Nombre + AuxiSeg</td>
                    <td class="px-3 py-2 {{ $valClass('coverage','commercial_name_with_auxiseg') }}">{!! ($c['commercial_name_with_auxiseg'] ?? '—') . $changedIcon('coverage','commercial_name_with_auxiseg') !!}</td>
                </tr>
                @endif
                <tr class="{{ $rowClass('coverage','base_code_equis') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Código base</td>
                    <td class="px-3 py-2 font-mono {{ $valClass('coverage','base_code_equis') }}">{!! ($c['base_code_equis'] ?? '—') . $changedIcon('coverage','base_code_equis') !!}</td>
                </tr>
                <tr class="{{ $rowClass('coverage','full_code_equis') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Código completo</td>
                    <td class="px-3 py-2 font-mono {{ $valClass('coverage','full_code_equis') }}">{!! ($c['full_code_equis'] ?? '—') . $changedIcon('coverage','full_code_equis') !!}</td>
                </tr>
                <tr class="{{ $rowClass('coverage','sort_order') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Orden</td>
                    <td class="px-3 py-2 {{ $valClass('coverage','sort_order') }}">{!! ($c['sort_order'] ?? '—') . $changedIcon('coverage','sort_order') !!}</td>
                </tr>
                <tr class="{{ $rowClass('coverage','is_active') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">Activa</td>
                    <td class="px-3 py-2">
                        @if($c['is_active'] ?? false) <span class="font-bold text-green-600">Sí</span>
                        @else <span class="font-bold text-red-600">No</span> @endif
                        {!! $changedIcon('coverage','is_active') !!}
                    </td>
                </tr>
                <tr class="{{ $rowClass('coverage','allows_auxiseg') }}">
                    <td class="px-3 py-2 text-gray-500 font-semibold whitespace-nowrap">AuxiSeg</td>
                    <td class="px-3 py-2">
                        @if($c['allows_auxiseg'] ?? false)
                            <span class="text-blue-600 font-semibold">Permite {!! $changedIcon('coverage','allows_auxiseg') !!}</span>
                        @else
                            <span class="text-gray-400">No {!! $changedIcon('coverage','allows_auxiseg') !!}</span>
                        @endif
                        @if($c['requires_auxiseg'] ?? false)
                            <span class="ml-2 px-1.5 rounded bg-purple-100 text-purple-700 font-bold">Requerida {!! $changedIcon('coverage','requires_auxiseg') !!}</span>
                        @endif
                    </td>
                </tr>
            </tbody>
        </table>

        {{-- Condiciones --}}
        @php
            $newConds = $payload['conditions'] ?? [];
            $oldConds = $compareTo ? ($compareTo['conditions'] ?? []) : null;
            $condsChanged = $oldConds !== null && json_encode($newConds) !== json_encode($oldConds);
        @endphp
        <div class="border-t border-gray-200 px-3 py-2 {{ $condsChanged ? 'bg-amber-50 border-l-4 border-amber-400' : 'bg-gray-50' }}">
            <p class="font-semibold text-gray-500 mb-1">
                Condiciones ({{ count($newConds) }})
                @if($condsChanged) <i class="ph ph-pencil-simple text-amber-500 ml-1"></i> @endif
            </p>
            @if(!empty($newConds))
                <ul class="space-y-0.5 pl-1">
                    @foreach($newConds as $cond)
                        <li class="text-gray-700">
                            @if(($cond['group_id'] ?? 0) > 0)
                                <span class="text-purple-500 font-bold">[G{{ $cond['group_id'] }}]</span>
                            @endif
                            <span class="font-semibold">{{ $cond['field'] ?? '' }}</span>
                            <span class="font-mono bg-white border border-gray-200 px-1 rounded mx-0.5">{{ $cond['operator'] ?? '' }}</span>
                            <span class="font-bold">{{ $cond['value'] ?? '' }}</span>
                        </li>
                    @endforeach
                </ul>
            @else
                <span class="text-gray-400 italic">Sin condiciones</span>
            @endif
        </div>
    </div>
@endif