@php
    $rastreamentos = $rastreamentos ?? collect();
    $rastreamento = $rastreamento ?? null;
    $linkRastreamento = $linkRastreamento ?? null;
    $dataPrevistaColetaAtual = data_get($rastreamento, 'data_prevista_coleta_formatada');
    if (empty($dataPrevistaColetaAtual)) {
        $dataPrevistaColetaRaw = data_get($rastreamento, 'data_prevista_coleta');
        $dataPrevistaColetaAtual = !empty($dataPrevistaColetaRaw)
            ? \Carbon\Carbon::parse($dataPrevistaColetaRaw)->format('d/m/Y')
            : null;
    }
    $dataPrevistaEntregaAtual = data_get($rastreamento, 'data_prevista_entrega_formatada');
    if (empty($dataPrevistaEntregaAtual)) {
        $dataPrevistaEntregaRaw = data_get($rastreamento, 'data_prevista_entrega');
        $dataPrevistaEntregaAtual = !empty($dataPrevistaEntregaRaw)
            ? \Carbon\Carbon::parse($dataPrevistaEntregaRaw)->format('d/m/Y')
            : null;
    }
    if (!function_exists('getStatusInfoRastreamentoCard')) {
        function getStatusInfoRastreamentoCard($status) {
            $statusNormalizado = mb_strtolower(trim((string) $status), 'UTF-8');
            $m = [
                'coleta agendada' => ['title' => 'Coleta Agendada', 'icon' => 'fas fa-calendar-check', 'statusClass' => 'rastreamento-status-agendada', 'timelineClass' => 'ativo'],
                'coleta realizada' => ['title' => 'Coleta Realizada', 'icon' => 'fas fa-box-open', 'statusClass' => 'rastreamento-status-coletada', 'timelineClass' => 'completo'],
                'em trânsito' => ['title' => 'Em Trânsito', 'icon' => 'fas fa-route', 'statusClass' => 'rastreamento-status-transito', 'timelineClass' => 'pendente'],
                'em entrega' => ['title' => 'Em Entrega', 'icon' => 'fas fa-truck', 'statusClass' => 'rastreamento-status-entrega', 'timelineClass' => 'pendente'],
                'entregue' => ['title' => 'Entrega Realizada', 'icon' => 'fas fa-handshake', 'statusClass' => 'rastreamento-status-entregue', 'timelineClass' => 'completo'],
                'atrasado' => ['title' => 'Entrega Atrasada', 'icon' => 'fas fa-clock', 'statusClass' => 'rastreamento-status-atrasado', 'timelineClass' => 'pendente'],
                'problema na entrega' => ['title' => 'Problema na Entrega', 'icon' => 'fas fa-exclamation-triangle', 'statusClass' => 'rastreamento-status-problema', 'timelineClass' => 'pendente'],
                'frete cancelado' => ['title' => 'Frete cancelado', 'icon' => 'fas fa-ban', 'statusClass' => 'rastreamento-status-cancelado', 'timelineClass' => 'pendente'],
                'frete cancelado pelo cliente' => ['title' => 'Frete cancelado pelo cliente', 'icon' => 'fas fa-user-slash', 'statusClass' => 'rastreamento-status-cancelado-cliente', 'timelineClass' => 'pendente']
            ];
            return $m[$statusNormalizado] ?? ['title' => $status ?? 'Status Desconhecido', 'icon' => 'fas fa-question-circle', 'statusClass' => 'rastreamento-status-desconhecido', '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 text-info ms-2 collapse-icon" id="collapseRastreamentoIcon"></i>
    </a>
    <div class="section-actions d-flex flex-wrap section-actions-gap"
        data-link-ja-existe="{{ $rastreamento ? '1' : '0' }}"
        data-data-prevista-coleta="{{ e($rastreamento?->data_prevista_coleta_input ?? '') }}"
        data-data-prevista-entrega="{{ e($rastreamento?->data_prevista_entrega_input ?? '') }}">
        @if($rastreamento)
            @if(!empty($linkRastreamento))
                <input type="hidden" id="link-rastreamento-header" value="{{ $linkRastreamento }}">
                <button id="btn-enviar-link-rastreamento" class="btn btn-sm btn-outline-secondary" type="button" title="Enviar link de rastreamento">
                    <i class="fas fa-paper-plane text-info me-1"></i> Enviar link rastreamento
                </button>
            @endif
            <button id="btn-atualizar-rastreamento" class="btn btn-sm btn-outline-primary" type="button">
                <i class="fas fa-sync-alt text-primary 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 text-success me-1"></i> Criar Rastreamento
            </button>
        @endif
    </div>
</div>

<div class="collapse mt-3" id="collapseRastreamento">
    @if($rastreamento)
        <p class="text-muted small mb-3">Datas previstas do último lançamento por data/hora de atualização.</p>
        <div class="row g-3 mb-3 rastreamento-datas-previstas">
            <div class="col-md-6">
                <div class="rastreamento-data-prevista-card h-100">
                    <div class="rastreamento-data-prevista-label">Data prevista de coleta</div>
                    <div class="rastreamento-data-prevista-valor">{{ $dataPrevistaColetaAtual ?? 'Não informada' }}</div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="rastreamento-data-prevista-card h-100">
                    <div class="rastreamento-data-prevista-label">Data prevista de entrega</div>
                    <div class="rastreamento-data-prevista-valor">{{ $dataPrevistaEntregaAtual ?? 'Não informada' }}</div>
                </div>
            </div>
        </div>
    @endif

    <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);
                    $dataRef = $item->data_hora_atualizacao ?? $item->created_at ?? $item->updated_at;
                    $dataAtualizacao = $dataRef
                        ? \Carbon\Carbon::parse($dataRef)->format('d/m/Y - H:i')
                        : '--';
                    $dataHoraInput = $item->data_hora_atualizacao
                        ? \Carbon\Carbon::parse($item->data_hora_atualizacao)->format('Y-m-d\TH:i')
                        : ($item->created_at ? \Carbon\Carbon::parse($item->created_at)->format('Y-m-d\TH:i') : '');
                    $dataPrevistaColetaInput = data_get($item, 'data_prevista_coleta_input');
                    if ($dataPrevistaColetaInput === null || $dataPrevistaColetaInput === '') {
                        $dataPrevistaColetaRaw = data_get($item, 'data_prevista_coleta');
                        $dataPrevistaColetaInput = !empty($dataPrevistaColetaRaw)
                            ? \Carbon\Carbon::parse($dataPrevistaColetaRaw)->format('Y-m-d')
                            : '';
                    }
                    $dataPrevistaEntregaInput = data_get($item, 'data_prevista_entrega_input');
                    if ($dataPrevistaEntregaInput === null || $dataPrevistaEntregaInput === '') {
                        $dataPrevistaEntregaRaw = data_get($item, 'data_prevista_entrega');
                        $dataPrevistaEntregaInput = !empty($dataPrevistaEntregaRaw)
                            ? \Carbon\Carbon::parse($dataPrevistaEntregaRaw)->format('Y-m-d')
                            : '';
                    }
                @endphp
                <div class="timeline-item {{ $statusInfo['timelineClass'] }} {{ $statusInfo['statusClass'] }} {{ $index === 0 ? 'mt-3' : '' }}" data-step="{{ $index + 1 }}">
                    <div class="timeline-item-row d-flex justify-content-between align-items-stretch flex-wrap gap-2">
                        <div class="d-flex align-items-center flex-grow-1 min-w-0">
                            <div class="timeline-icon {{ $statusInfo['statusClass'] }} {{ $index === 0 && $statusInfo['timelineClass'] === 'ativo' ? 'pulse' : '' }}">
                                <i class="{{ $statusInfo['icon'] }} timeline-icon-symbol"></i>
                            </div>
                            <div class="ms-3 timeline-item-content">
                                <h6 class="fw-bold mb-1">{{ $statusInfo['title'] }}</h6>
                                <p class="text-muted mb-0">{{ $item->observacao ?? '' }}</p>
                                @if(!empty($item->localizacao_atual))
                                    <p class="text-muted small mb-0"><i class="fas fa-map-marker-alt text-danger me-1"></i>{{ $item->localizacao_atual }}</p>
                                @endif
                                <small class="text-muted">
                                    Atualizado em: {{ $dataAtualizacao }}<br>
                                    Atualizado por: {{ $item->nome_colaborador ?? 'N/A' }}
                                </small>
                            </div>
                        </div>
                        <div class="timeline-item-side text-end flex-shrink-0">
                            <span class="badge timeline-status-badge {{ $statusInfo['statusClass'] }}">{{ $item->status_atual }}</span>
                            <div class="timeline-item-actions mt-3">
                                <button type="button" class="btn btn-sm btn-outline-secondary btn-editar-rastreamento" data-id="{{ $item->id }}" data-status="{{ e($item->status_atual) }}" data-observacao="{{ e($item->observacao ?? '') }}" data-localizacao="{{ e($item->localizacao_atual ?? '') }}" data-data-hora="{{ e($dataHoraInput) }}" data-prevista-coleta="{{ e($dataPrevistaColetaInput) }}" data-prevista-entrega="{{ e($dataPrevistaEntregaInput) }}"><i class="fas fa-edit text-info me-1"></i>Editar</button>
                                <button type="button" class="btn btn-sm btn-outline-danger btn-excluir-rastreamento" data-id="{{ $item->id }}">
                                    <i class="fas fa-trash-alt text-danger me-1"></i>Excluir
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
</div>