@php
    $rastreamentos = $rastreamentos ?? collect();
    $rastreamento = $rastreamento ?? null;
    if (!function_exists('getStatusInfoRastreamentoCard')) {
        function getStatusInfoRastreamentoCard($status) {
            $m = [
                'Coleta Agendada' => ['title' => 'Coleta Agendada', 'icon' => 'fas fa-calendar-check', 'iconBg' => 'bg-info', 'badge' => 'bg-info', 'timelineClass' => 'ativo'],
                'Coleta Realizada' => ['title' => 'Coleta Realizada', 'icon' => 'fas fa-box-open', 'iconBg' => 'bg-success', 'badge' => 'bg-success', 'timelineClass' => 'completo'],
                'Em Trânsito' => ['title' => 'Em Trânsito', 'icon' => 'fas fa-route', 'iconBg' => 'bg-warning', 'badge' => 'bg-warning', 'timelineClass' => 'pendente'],
                'Em Entrega' => ['title' => 'Em Entrega', 'icon' => 'fas fa-truck', 'iconBg' => 'bg-info', 'badge' => 'bg-info', 'timelineClass' => 'pendente'],
                'Entregue' => ['title' => 'Entrega Realizada', 'icon' => 'fas fa-handshake', 'iconBg' => 'bg-success', 'badge' => 'bg-success', 'timelineClass' => 'completo'],
                'Atrasado' => ['title' => 'Entrega Atrasada', 'icon' => 'fas fa-clock', 'iconBg' => 'bg-danger', 'badge' => 'bg-danger', 'timelineClass' => 'pendente'],
                'Problema na Entrega' => ['title' => 'Problema na Entrega', 'icon' => 'fas fa-exclamation-triangle', 'iconBg' => 'bg-warning', 'badge' => 'bg-warning', 'timelineClass' => 'pendente'],
            ];
            return $m[$status ?? ''] ?? ['title' => $status ?? 'Status Desconhecido', 'icon' => 'fas fa-question-circle', 'iconBg' => 'bg-secondary', 'badge' => 'bg-secondary', 'timelineClass' => 'pendente'];
        }
    }
@endphp
<div class="section-header-bar d-flex justify-content-between align-items-center flex-wrap gap-2">
    <a class="section-toggle text-decoration-none d-flex align-items-center" data-toggle="collapse" href="#collapseRastreamento" role="button" aria-expanded="false" aria-controls="collapseRastreamento">
        <span class="section-title">
            <i class="fas fa-map-marker-alt text-warning me-2"></i>
            Rastreamento da Entrega
        </span>
        <i class="fas fa-chevron-right ms-2 collapse-icon" id="collapseRastreamentoIcon"></i>
    </a>
    <div class="section-actions d-flex gap-2">
        @if($rastreamento)
            <button id="btn-atualizar-rastreamento" class="btn btn-sm btn-outline-primary" type="button">
                <i class="fas fa-sync-alt me-1" id="icon-atualizar"></i> Atualizar
            </button>
        @else
            <button id="btn-criar-rastreamento" class="btn btn-sm btn-outline-primary" type="button">
                <i class="fas fa-plus me-1"></i> Criar Rastreamento
            </button>
        @endif
    </div>
</div>

<div class="collapse mt-3" id="collapseRastreamento">
    <div class="timeline {{ $rastreamentos->count() === 0 ? 'timeline--empty' : '' }}">
        @if($rastreamentos->count() === 0)
            <div class="rastreamento-empty-state text-center py-5 px-3">
                <div class="rastreamento-empty-icon mb-3">
                    <i class="fas fa-map-marker-alt fa-3x text-muted opacity-50"></i>
                </div>
                <h6 class="text-muted fw-semibold mb-2">Nenhum rastreamento ainda</h6>
                <p class="text-muted small mb-0">O histórico da entrega aparecerá aqui após você criar o rastreamento e adicionar atualizações.</p>
                @if(empty($rastreamento))
                    <p class="text-primary small mt-2 mb-0"><i class="fas fa-plus-circle me-1"></i> Use o botão <strong>Criar Rastreamento</strong> acima para começar.</p>
                @endif
            </div>
        @else
            @foreach($rastreamentos as $index => $item)
                @php
                    $statusInfo = getStatusInfoRastreamentoCard($item->status_atual);
                    $dataAtualizacao = ($item->created_at ?? $item->updated_at)
                        ? \Carbon\Carbon::parse($item->created_at ?? $item->updated_at)->format('d/m/Y - H:i')
                        : '--';
                @endphp
                <div class="timeline-item {{ $statusInfo['timelineClass'] }} {{ $index === 0 ? 'mt-3' : '' }}" data-step="{{ $index + 1 }}">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="d-flex align-items-center">
                            <div class="timeline-icon {{ $statusInfo['iconBg'] }} {{ $index === 0 && $statusInfo['timelineClass'] === 'ativo' ? 'pulse' : '' }}">
                                <i class="{{ $statusInfo['icon'] }} text-white"></i>
                            </div>
                            <div class="ms-3">
                                <h6 class="fw-bold mb-1">{{ $statusInfo['title'] }}</h6>
                                <p class="text-muted mb-0">{{ $item->observacao ?? '' }}</p>
                                <small class="text-muted">
                                    Atualizado em: {{ $dataAtualizacao }}<br>
                                    Atualizado por: {{ $item->nome_colaborador ?? 'N/A' }}
                                </small>
                            </div>
                        </div>
                        <div class="text-end">
                            <span class="badge {{ $statusInfo['badge'] }}">{{ $item->status_atual }}</span>
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
</div>