{{--
    @intent Widget de Timeline de Auditoria (CMS).
    @param $model (Model) Opcional.
    @param $history (Collection) Opcional. Histórico já carregado.
    @param $title (String) Opcional. Padrão: "Histórico de Alterações"
    @param $icon (String) Opcional. Padrão: "bi-clock-history"
--}}
@php
    if (!isset($history)) {
        $history = isset($model) ? app(\V2\Services\ActivityLogger\ActivityLoggerService::class)->getHistory($model) : collect();
    }
    $widgetId = 'timeline-' . ($model->id ?? uniqid());
@endphp

@if($history->isNotEmpty())
<section class="v2-service-timeline mt-5 pt-4 border-top" aria-labelledby="{{ $widgetId }}-title">
    <header class="d-flex justify-content-between align-items-center mb-4">
        <h3 class="h6 mb-0 text-dark fw-bold d-flex align-items-center gap-2" id="{{ $widgetId }}-title">
            <i class="bi {{ $icon ?? 'bi-clock-history' }} text-primary" aria-hidden="true"></i>
            {{ $title ?? 'Histórico de Alterações' }}
        </h3>
        <button type="button" class="btn btn-sm btn-outline-secondary rounded-pill px-3" data-bs-toggle="collapse" data-bs-target="#{{ $widgetId }}-body" aria-expanded="true" aria-controls="{{ $widgetId }}-body">
            <i class="bi bi-eye me-1"></i> Expandir / Recolher
        </button>
    </header>
    
    <div class="collapse show" id="{{ $widgetId }}-body">
        <div class="position-relative pe-2 pb-2" style="max-height: 500px; overflow-y: auto;">
            <!-- Linha vertical da timeline -->
            <div class="position-absolute start-0 top-0 bottom-0 ms-2 mt-2" style="width: 2px; background-color: #dee2e6; z-index: 0;"></div>
            
            <ul class="list-unstyled mb-0 position-relative" role="list" style="z-index: 1;">
                @foreach($history as $activity)
                    @php
                        $desc = strtolower($activity->description);
                        if ($desc === 'created') {
                            $theme = ['icon' => 'bi-plus-lg', 'bg' => 'bg-success', 'text' => 'text-success', 'border' => 'border-success'];
                        } elseif ($desc === 'deleted') {
                            $theme = ['icon' => 'bi-trash', 'bg' => 'bg-danger', 'text' => 'text-danger', 'border' => 'border-danger'];
                        } else {
                            $theme = ['icon' => 'bi-pencil', 'bg' => 'bg-primary', 'text' => 'text-primary', 'border' => 'border-primary'];
                        }
                    @endphp
                    <li role="listitem" class="mb-4 d-flex">
                        <div class="flex-shrink-0 position-relative ms-1 mt-1">
                            <div class="rounded-circle {{ $theme['bg'] }} text-white d-flex align-items-center justify-content-center shadow-sm border border-2 border-white" style="width: 24px; height: 24px;">
                                <i class="bi {{ $theme['icon'] }}" style="font-size: 0.7rem;" aria-hidden="true"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <div class="bg-light rounded-3 p-3 shadow-sm border border-light-subtle">
                                @php
                                    $isSuperAdmin = \Cartalyst\Sentinel\Laravel\Facades\Sentinel::check() && \Cartalyst\Sentinel\Laravel\Facades\Sentinel::getUser()->email === config('v2.support.email');
                                @endphp

                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <h4 class="h6 mb-0 text-dark fw-bold d-flex align-items-center flex-wrap gap-2" style="font-size: 0.9rem;">
                                        @php
                                            $userName = 'Sistema';
                                            if ($activity->causer) {
                                                $userName = trim($activity->causer->first_name . ' ' . $activity->causer->last_name);
                                                if (empty($userName)) {
                                                    $userName = $activity->causer->email;
                                                }
                                            }
                                        @endphp
                                        <i class="bi bi-person-circle text-muted"></i> {{ $userName }}
                                        <span class="badge bg-white {{ $theme['text'] }} {{ $theme['border'] }} border fw-normal rounded-pill px-2">
                                            @php
                                                $actionKey = "activitylog::action.{$activity->description}";
                                                $actionText = Lang::has($actionKey) ? trans($actionKey) : ucfirst($activity->description);
                                            @endphp
                                            {{ $actionText }}
                                        </span>
                                    </h4>
                                    <div class="text-muted small d-flex align-items-center gap-1" style="font-size: 0.75rem;">
                                        <i class="bi bi-clock"></i>
                                        <time datetime="{{ $activity->created_at->toW3cString() }}" title="{{ $activity->created_at->format('d/m/Y H:i:s') }}">
                                            {{ $activity->created_at->diffForHumans() }}
                                        </time>
                                    </div>
                                </div>

                                {{-- Exibição Parcial de Mudanças --}}
                                @php
                                    $changedPayload = [];
                                    $oldPayload = [];
                                    if(!empty($activity->properties)) {
                                        if (isset($activity->properties['attributes'])) {
                                            $changedPayload = $activity->properties['attributes'];
                                            $oldPayload = $activity->properties['old'] ?? [];
                                        } elseif (isset($activity->properties['new'])) {
                                            $changedPayload = $activity->properties['new'];
                                            $oldPayload = $activity->properties['old'] ?? [];
                                        }
                                    }
                                    
                                    $ignoredKeys = ['updated_at', 'created_at', 'v2_audit', 'transaction_snapshot_id'];
                                    if(is_array($changedPayload)) {
                                        $changedPayload = collect($changedPayload)->except($ignoredKeys)->toArray();
                                    }
                                    if(is_array($oldPayload)) {
                                        $oldPayload = collect($oldPayload)->except($ignoredKeys)->toArray();
                                    }

                                    $isList = is_array($changedPayload) && count($changedPayload) > 0 && count(array_filter(array_keys($changedPayload), 'is_string')) === 0;
                                @endphp

                                @if(!empty($changedPayload))
                                    <div class="mt-3">
                                        @if($isList)
                                            <div class="bg-white border rounded p-3 d-flex align-items-center justify-content-between">
                                                <div class="d-flex align-items-center gap-3">
                                                    <div class="bg-light rounded-circle d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
                                                        <i class="bi bi-list-ul text-primary fs-5"></i>
                                                    </div>
                                                    <div>
                                                        <span class="d-block text-dark fw-bold" style="font-size: 0.85rem;">Lista Atualizada</span>
                                                        <span class="text-muted" style="font-size: 0.75rem;">Contém {{ count($changedPayload) }} item(ns)</span>
                                                    </div>
                                                </div>
                                                
                                                @php
                                                    $titles = collect($changedPayload)->pluck('title')->filter()->take(3);
                                                    if ($titles->isEmpty()) $titles = collect($changedPayload)->pluck('nome')->filter()->take(3);
                                                    if ($titles->isEmpty()) $titles = collect($changedPayload)->pluck('name')->filter()->take(3);
                                                @endphp
                                                
                                                @if($titles->isNotEmpty())
                                                    <div class="d-flex flex-wrap gap-1 align-items-center justify-content-end" style="max-width: 50%;">
                                                        @foreach($titles as $t)
                                                            <span class="badge bg-light text-secondary border fw-normal text-truncate" style="max-width: 100px;" title="{{ $t }}">{{ $t }}</span>
                                                        @endforeach
                                                        @if(count($changedPayload) > 3)
                                                            <span class="text-muted ms-1" style="font-size: 0.7rem;">+{{ count($changedPayload) - 3 }}</span>
                                                        @endif
                                                    </div>
                                                @endif
                                            </div>
                                        @else
                                            <div class="row g-2">
                                                @php
                                                    $displayLimit = 4;
                                                    $counter = 0;
                                                @endphp
                                                
                                                @foreach($changedPayload as $key => $value)
                                                    @if($counter < $displayLimit)
                                                        @php 
                                                            $oldValue = $oldPayload[$key] ?? null;
                                                        @endphp
                                                        <div class="col-12 col-md-6">
                                                            <div class="p-2 bg-white rounded border d-flex flex-column h-100">
                                                                <span class="text-uppercase text-muted fw-bold mb-1" style="font-size: 0.65rem;">
                                                                    {{ str_replace('_', ' ', $key) }}
                                                                </span>
                                                                <div class="d-flex align-items-center text-dark" style="font-size: 0.8rem;">
                                                                    @if($oldValue !== null && $oldValue !== $value)
                                                                        <div class="text-muted me-2 d-flex align-items-center" style="max-width: 80px;" title="Anterior">
                                                                            @if(is_array($oldValue) || is_object($oldValue))
                                                                                <i class="bi bi-braces text-secondary me-1"></i> Dados
                                                                            @else
                                                                                <span class="text-decoration-line-through text-truncate d-inline-block align-bottom" style="max-width: 100%;">{{ str_limit((string)$oldValue, 20) }}</span>
                                                                            @endif
                                                                        </div>
                                                                        <i class="bi bi-arrow-right text-primary me-2" style="font-size: 0.7rem;"></i>
                                                                    @endif
                                                                    
                                                                    <div class="fw-medium text-dark d-flex align-items-center" style="max-width: 150px;" title="Atual">
                                                                        @if(is_array($value) || is_object($value))
                                                                            <i class="bi bi-braces text-primary me-1"></i> Dados
                                                                        @else
                                                                            <span class="text-truncate d-inline-block align-bottom" style="max-width: 100%;">{{ str_limit((string)$value, 30) }}</span>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @php $counter++; @endphp
                                                    @endif
                                                @endforeach
                                                
                                                @if(count($changedPayload) > $displayLimit)
                                                    <div class="col-12 col-md-6">
                                                        <div class="p-2 border rounded bg-white text-muted d-flex align-items-center justify-content-center h-100" style="font-size: 0.8rem; border-style: dashed !important;">
                                                            + {{ count($changedPayload) - $displayLimit }} alteração(ões)
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                @endif

                                @if($isSuperAdmin)
                                    <div class="mt-2 text-end">
                                        <button type="button" class="btn btn-sm btn-outline-dark" style="font-size: 0.65rem;" data-bs-toggle="collapse" data-bs-target="#debug-json-{{ $activity->id }}">
                                            <i class="bi bi-bug me-1"></i> JSON (Suporte)
                                        </button>
                                    </div>
                                    <div class="collapse mt-2" id="debug-json-{{ $activity->id }}">
                                        <div class="bg-dark text-light p-2 rounded text-start" style="font-size: 0.7rem; max-height: 250px; overflow-y: auto;">
                                            <pre class="mb-0" style="font-family: monospace;">{{ json_encode($activity->properties, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}</pre>
                                        </div>
                                    </div>
                                @endif
                                
                                @if(!empty($activity->properties) && isset($activity->properties['motivo']))
                                    <div class="mt-3 p-2 bg-white rounded border-start border-3 border-warning text-secondary fst-italic" style="font-size: 0.8rem;">
                                        <i class="bi bi-chat-quote text-warning me-2"></i>{{ $activity->properties['motivo'] }}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
</section>
@endif