@extends('adminlte.app')

{{--
    Detalhe do mapa de carga.
    Layout TFDS (tfcv-*), igual ao da Validação de Comissões.
--}}

@section('content')
<div class="content-wrapper tfcv-root">

    @if ($message = Session::get('success'))
        <div class="tfcv-alert ok"><i class="fas fa-check-circle" aria-hidden="true"></i> <span>{!! $message !!}</span></div>
    @endif

    @if ($acesso = Session::get('acesso_temporario'))
        <div class="tfcv-alert warn" style="align-items:flex-start">
            <i class="fas fa-key" aria-hidden="true" style="margin-top:3px"></i>
            <span>
                <b>Acesso temporário criado.</b> Entregue estes dados ao motorista — a palavra-passe não volta a ser mostrada.<br>
                Motorista: <b>{{ $acesso['nome'] }}</b> ·
                Utilizador: <code>{{ $acesso['email'] }}</code> ·
                Palavra-passe: <code>{{ $acesso['password'] }}</code> ·
                Válido até {{ $acesso['ate'] }}
            </span>
        </div>
    @endif

    {{-- ====================== HEADER ====================== --}}
    <div class="tfcv-header-row">
        <div>
            <h1 class="tfcv-h1">
                {{ $mapa->referencia }}
                <span class="tfcv-pill {{ $mapa->pill_cor }}">{{ $mapa->estado_label }}</span>
                @if($mapa->tem_divergencia)
                    <span class="tfcv-pill coral"><i class="fas fa-balance-scale" aria-hidden="true"></i> Divergência</span>
                @endif
            </h1>
            <p class="tfcv-sub">
                Carga {{ optional($mapa->data_carga)->format('d/m/Y') ?: '—' }}
                · Viatura {{ $mapa->matricula ?: '—' }}
                · {{ $mapa->driver ? $mapa->driver->first_name : ($mapa->cdu_nome ?: 'sem motorista') }}
            </p>
        </div>
        <div class="tfcv-actions">
            <a href="{{ route('portal_descargas.index') }}" class="tfcv-btn"><i class="fas fa-arrow-left" aria-hidden="true"></i> Voltar</a>
            <button type="button" class="tfcv-btn" onclick="window.print()"><i class="fas fa-print" aria-hidden="true"></i> Imprimir</button>
        </div>
    </div>

    {{-- ====================== KPIs ====================== --}}
    @php
        $total = $mapa->descargas->count();
        $feitas = $mapa->descargas->whereIn('estado', ['concluida','falhada'])->count();
        $pct = $total ? round($feitas / $total * 100) : 0;
        $litrosPrev = (float) $mapa->descargas->sum('qtd_prevista');
        $litrosEnt  = (float) $mapa->descargas->sum('qtd_entregue');
        $litrosCarregados = (float) optional($mapa->enchimento)->litros_total;
        $divergencia = (float) $mapa->descargas->sum('divergencia');
        $temLitrosEmFalta = $litrosCarregados > $litrosEnt;
    @endphp

    <div class="tfcv-grid-4">
        <div class="tfcv-stat">
            <i class="fas fa-truck-loading accent" aria-hidden="true"></i>
            <div class="lbl">Execução</div>
            <div class="num">{{ $pct }}%</div>
            <div class="delta">{{ $feitas }} de {{ $total }} descargas</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-gas-pump accent" aria-hidden="true"></i>
            <div class="lbl">Carregado</div>
            <div class="num">{{ $mapa->enchimento ? number_format($mapa->enchimento->litros_total, 0, ',', ' ') : '—' }}</div>
            <div class="delta">
                @if($mapa->enchimento)
                    {{ $mapa->enchimento->temBoletim() ? 'boletim anexado' : 'boletim em falta' }}
                @else
                    sem registo de enchimento
                @endif
            </div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-tint accent" aria-hidden="true"></i>
            <div class="lbl">Entregue</div>
            <div class="num">{{ number_format($litrosEnt, 0, ',', ' ') }}</div>
            <div class="delta">de {{ number_format($litrosPrev, 0, ',', ' ') }} L previstos</div>
        </div>
        <div class="tfcv-stat">
            <i class="fas fa-balance-scale accent" aria-hidden="true"></i>
            <div class="lbl">Diferença vs CSV</div>
            <div class="num">{{ $divergencia > 0 ? '+' : '' }}{{ number_format($divergencia, 0, ',', ' ') }}</div>
            <div class="delta">{{ $mapa->descargas->where('conciliada', true)->count() }} descargas conciliadas</div>
        </div>
    </div>

    @if($temLitrosEmFalta)
        <div class="tfcv-alert warn" style="margin-top:12px">
            <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
            <span>Esse MCG tem litros a mais por descarregar.</span>
        </div>
    @endif

    <div class="tfds-grid" style="margin-top:14px">
        {{-- ====================================================== --}}
        {{-- Coluna principal                                       --}}
        {{-- ====================================================== --}}
        <div class="tfds-col-8" style="grid-column: span 8">

            {{-- ---------- Motorista ---------- --}}
            <div class="tfcv-card">
                <p class="tfcv-section-title">Motorista</p>

                @if($mapa->motorista_confirmado && $mapa->driver)
                    <div class="tfcv-toolbar" style="margin-bottom:10px">
                        <div>
                            <b style="font-size:16px">{{ $mapa->driver->first_name }}</b>
                            <span class="tfcv-tag green">confirmado</span>
                            @if($mapa->motorista_origem === 'auto')
                                <span class="tfcv-tag">automático pelo CSV</span>
                            @elseif($mapa->motorista_origem === 'externo')
                                <span class="tfcv-tag amber">subcontratado</span>
                            @endif
                            @if($mapa->cdu_nome && $mapa->driver->first_name !== $mapa->cdu_nome)
                                <div class="tfcv-sub">Nome no CSV: {{ $mapa->cdu_nome }}</div>
                            @endif
                        </div>
                    </div>
                @else
                    <div class="tfcv-alert warn">
                        <i class="fas fa-user-clock" aria-hidden="true"></i>
                        <span>
                            Nome no CSV: <b>{{ $mapa->cdu_nome ?: '— sem nome —' }}</b>
                            @if($mapa->motorista_score)
                                — melhor correspondência encontrada: {{ number_format($mapa->motorista_score, 0) }}%
                            @else
                                — sem correspondência nos motoristas cadastrados
                            @endif
                        </span>
                    </div>

                    @if(!empty($sugestoes))
                        <p class="tfcv-sub" style="margin-bottom:6px">Candidatos:</p>
                        <div style="display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px">
                            @foreach($sugestoes as $sugestao)
                                <form method="POST" action="{{ route('portal_descargas.atribuir_motorista', $mapa->id) }}">
                                    @csrf
                                    <input type="hidden" name="driver_id" value="{{ $sugestao['driver_id'] }}">
                                    <button type="submit" class="tfcv-btn">
                                        {{ $sugestao['nome'] }}
                                        <span class="tfcv-tag">{{ number_format($sugestao['score'], 0) }}%</span>
                                    </button>
                                </form>
                            @endforeach
                        </div>
                    @endif
                @endif

                @if($permissoes->atribuir_mapas_carga)
                    <form method="POST" action="{{ route('portal_descargas.atribuir_motorista', $mapa->id) }}"
                          style="display:flex; gap:8px; flex-wrap:wrap; align-items:center">
                        @csrf
                        <select name="driver_id" class="tfcv-select" required style="min-width:240px">
                            <option value="">— escolher motorista —</option>
                            @foreach($motoristas as $motorista)
                                <option value="{{ $motorista->id }}" @if($mapa->driver_id === $motorista->id) selected @endif>
                                    {{ $motorista->first_name }}
                                </option>
                            @endforeach
                        </select>
                        <button type="submit" class="tfcv-btn-primary">
                            <i class="fas fa-user-check" aria-hidden="true"></i>
                            {{ $mapa->motorista_confirmado ? 'Alterar motorista' : 'Confirmar motorista' }}
                        </button>
                    </form>
                @endif

                @if($permissoes->gerir_acessos_motorista && !$mapa->acessoTemporario)
                    <div style="border-top:0.5px solid rgba(0,0,0,.08); margin-top:14px; padding-top:14px">
                        <p class="tfcv-sub" style="margin:0 0 8px">
                            Motorista subcontratado sem cadastro? Crie um acesso temporário, válido só para este mapa.
                        </p>
                        <form method="POST" action="{{ route('portal_descargas.acesso_temporario', $mapa->id) }}"
                              style="display:flex; gap:8px; flex-wrap:wrap">
                            @csrf
                            <input type="text" name="nome" class="tfcv-select" placeholder="Nome" required
                                   value="{{ $mapa->cdu_nome }}" style="min-width:200px">
                            <input type="text" name="telemovel" class="tfcv-select" placeholder="Telemóvel" style="min-width:140px">
                            <input type="text" name="transportador" class="tfcv-select" placeholder="Transportador" style="min-width:170px">
                            <button type="submit" class="tfcv-btn"><i class="fas fa-key" aria-hidden="true"></i> Criar acesso</button>
                        </form>
                    </div>
                @elseif($mapa->acessoTemporario)
                    <div style="border-top:0.5px solid rgba(0,0,0,.08); margin-top:14px; padding-top:14px">
                        <span class="tfcv-tag amber">acesso temporário</span>
                        <b>{{ $mapa->acessoTemporario->nome }}</b>
                        @if($mapa->acessoTemporario->transportador)
                            <span class="tfcv-sub">· {{ $mapa->acessoTemporario->transportador }}</span>
                        @endif
                        <span class="tfcv-sub">· válido até {{ optional($mapa->acessoTemporario->valido_ate)->format('d/m/Y H:i') }}</span>
                    </div>
                @endif
            </div>

            {{-- ---------- Enchimento ---------- --}}
            <div class="tfcv-card">
                <p class="tfcv-section-title">Enchimento e compartimentos</p>

                @if($mapa->enchimento)
                    <div class="tfcv-toolbar" style="margin-bottom:12px">
                        <div>
                            <span style="font-size:22px; font-weight:500">{{ number_format($mapa->enchimento->litros_total, 0, ',', ' ') }} L</span>
                            @if($mapa->enchimento->local)
                                <span class="tfcv-sub">· {{ $mapa->enchimento->local }}</span>
                            @endif
                            @if($mapa->enchimento->registado_em)
                                <span class="tfcv-sub">· {{ $mapa->enchimento->registado_em->format('d/m/Y H:i') }}</span>
                            @endif
                        </div>
                        <div>
                            @forelse($mapa->enchimento->documentos->where('tipo', 'boletim_enchimento') as $documento)
                                <a href="{{ asset('storage/' . $documento->anexo) }}" target="_blank" class="tfcv-btn">
                                    <i class="fas fa-paperclip" aria-hidden="true"></i> Boletim
                                </a>
                            @empty
                                <span class="tfcv-pill coral">Boletim em falta</span>
                            @endforelse
                        </div>
                    </div>

                    @foreach(($mapa->enchimento->avisos ?? []) as $aviso)
                        <div class="tfcv-alert warn"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> <span>{{ $aviso }}</span></div>
                    @endforeach

                    <table class="tfcv-tbl">
                        <thead><tr><th>Compartimento</th><th>Produto</th><th class="r">Litros</th><th class="r">Capacidade</th></tr></thead>
                        <tbody>
                        @foreach($mapa->enchimento->linhas as $linha)
                            <tr>
                                <td>{{ $linha->compartimento ? '#' . $linha->compartimento : '—' }}</td>
                                <td>{{ $linha->descricao ?: $linha->artigo }}</td>
                                <td class="r">{{ number_format($linha->litros, 0, ',', ' ') }}</td>
                                <td class="r">
                                    {{ $linha->capacidade_compartimento ? number_format($linha->capacidade_compartimento, 0, ',', ' ') : '—' }}
                                    @if($linha->excede_capacidade)
                                        <span class="tfcv-tag coral">excede</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @else
                    <div class="tfcv-empty">Ainda sem registo de enchimento.</div>

                    @if(!empty($compartimentos))
                        <p class="tfcv-sub">Compartimentos do conjunto:</p>
                        @foreach($compartimentos as $numero => $capacidade)
                            <span class="tfcv-tag">#{{ $numero }}@if($capacidade > 0) · {{ number_format($capacidade, 0, ',', ' ') }} L @endif</span>
                        @endforeach
                    @endif
                @endif
            </div>

            {{-- ---------- Descargas ---------- --}}
            <div class="tfcv-table-wrap">
                <div class="tfcv-table-toolbar">
                    <span class="tfcv-counter"><b>{{ $feitas }}</b> de <b>{{ $total }}</b> descargas concluídas</span>
                </div>
                <div style="overflow-x:auto">
                <table class="tfcv-tbl">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Cliente</th>
                            <th>Produto</th>
                            <th class="r">Prevista</th>
                            <th class="r">Entregue</th>
                            <th class="r">CSV</th>
                            <th>Horas</th>
                            <th>Estado</th>
                            <th>Documentos</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($mapa->descargas as $descarga)
                        <tr>
                            <td>{{ $descarga->sequencia }}</td>
                            <td>
                                <b>{{ $descarga->cliente_nome }}</b>
                                @if($descarga->requer_desconto_ga)
                                    <span class="tfcv-tag amber" title="Gasóleo colorido e marcado">GA</span>
                                @endif
                                @if($descarga->sms_estado === 'enviado')
                                    <span class="tfcv-tag green" title="SMS enviado ao gestor {{ optional($descarga->sms_enviado_em)->format('d/m H:i') }}">SMS</span>
                                @elseif(in_array($descarga->sms_estado, ['falhou','sem_gestor','sem_numero']))
                                    <span class="tfcv-tag coral" title="{{ $descarga->sms_erro ?: $descarga->sms_estado }}">SMS falhou</span>
                                @endif
                                @if($descarga->gestor)
                                    <div class="tfcv-sub">Gestor: {{ $descarga->gestor->name }}</div>
                                @endif
                            </td>
                            <td>{{ $descarga->produto_descricao ?: $descarga->artigo }}</td>
                            <td class="r">{{ number_format($descarga->qtd_prevista, 0, ',', ' ') }}</td>
                            <td class="r">{{ $descarga->qtd_entregue !== null ? number_format($descarga->qtd_entregue, 0, ',', ' ') : '—' }}</td>
                            <td class="r">
                                @if($descarga->qtd_csv !== null)
                                    {{ number_format($descarga->qtd_csv, 0, ',', ' ') }}
                                    @if(abs((float) $descarga->divergencia) >= 1)
                                        <div><span class="tfcv-tag coral">{{ $descarga->divergencia > 0 ? '+' : '' }}{{ number_format($descarga->divergencia, 0, ',', ' ') }}</span></div>
                                    @endif
                                @else
                                    —
                                @endif
                            </td>
                            <td>
                                @if($descarga->a_caminho_em)
                                    <div class="tfcv-sub">saída {{ $descarga->a_caminho_em->format('H:i') }}</div>
                                @endif
                                @if($descarga->concluida_em)
                                    <div class="tfcv-sub">fim {{ $descarga->concluida_em->format('H:i') }}</div>
                                @endif
                            </td>
                            <td><span class="tfcv-pill {{ $descarga->estado_cor }}">{{ $descarga->estado_label }}</span></td>
                            <td>
                                @foreach($descarga->documentos as $documento)
                                    <a href="{{ asset('storage/' . $documento->anexo) }}" target="_blank" class="tfcv-tag"
                                       title="{{ \App\Models\Descarga::tiposDocumento()[$documento->tipo] ?? $documento->tipo }}">
                                        {{ \Illuminate\Support\Str::limit(\App\Models\Descarga::tiposDocumento()[$documento->tipo] ?? $documento->tipo, 12) }}
                                    </a>
                                @endforeach
                                @if($descarga->estado === 'concluida' && $descarga->documentosEmFalta())
                                    <span class="tfcv-tag coral">falta documentação</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="9"><div class="tfcv-empty">Sem descargas neste mapa.</div></td></tr>
                    @endforelse
                    </tbody>
                </table>
                </div>
            </div>

            {{-- ---------- Folha de serviço ---------- --}}
            @if($permissoes->exibir_folha_servico && $jornadas->count())
                <div class="tfcv-card" style="margin-top:14px">
                    <div class="tfcv-toolbar">
                        <p class="tfcv-section-title" style="margin:0">Folha de serviço</p>
                        <span class="tfcv-sub">Registo operacional — a fonte legal dos tempos é o tacógrafo</span>
                    </div>

                    @foreach($jornadas as $jornada)
                        <div class="tfcv-acc-item open" style="margin-top:12px">
                            <div class="tfcv-acc-head" style="grid-template-columns: 1fr auto">
                                <div>
                                    <b>{{ optional($jornada->data)->format('d/m/Y') }}</b>
                                    <span class="tfcv-tag {{ $jornada->estaAberta() ? 'amber' : 'gray' }}">{{ ucfirst($jornada->estado) }}</span>
                                    @if($jornada->tem_alerta)
                                        <span class="tfcv-tag coral">{{ count($jornada->alertas ?? []) }} alerta(s)</span>
                                    @endif
                                    @if($jornada->temAssinatura())
                                        <span class="tfcv-tag green">assinada</span>
                                    @endif
                                    <div class="tfcv-sub">
                                        {{ optional($jornada->inicio_em)->format('H:i') }} — {{ optional($jornada->fim_em)->format('H:i') ?: 'em curso' }}
                                        · Condução {{ \App\Models\Jornada::formataMinutos($jornada->minutos_conducao) }}
                                        · Pausas {{ \App\Models\Jornada::formataMinutos($jornada->minutos_pausa) }}
                                        · Trabalho {{ \App\Models\Jornada::formataMinutos($jornada->minutos_trabalho_total) }}
                                    </div>
                                </div>
                                <div class="tfcv-actions-cell">
                                    <a href="{{ route('portal_descargas.folha_dia', $jornada->id) }}" target="_blank" class="tfcv-btn">
                                        <i class="fas fa-file-pdf" aria-hidden="true"></i> Folha do dia
                                    </a>
                                    <a href="{{ route('portal_descargas.folha_dia', ['jornada' => $jornada->id, 'download' => 1]) }}" class="tfcv-btn">
                                        <i class="fas fa-download" aria-hidden="true"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="tfcv-acc-body" style="padding:14px 18px">
                                @foreach(($jornada->alertas ?? []) as $alerta)
                                    <div class="tfcv-alert {{ $alerta['gravidade'] === 'grave' ? 'danger' : 'warn' }}">
                                        <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                                        <span><b>{{ $alerta['mensagem'] }}</b> — {{ $alerta['base_legal'] }}</span>
                                    </div>
                                @endforeach

                                <table class="tfcv-tbl">
                                    <thead><tr><th>Período</th><th>Início</th><th>Fim</th><th class="r">Duração</th><th>Origem</th></tr></thead>
                                    <tbody>
                                    @foreach($jornada->periodos as $periodo)
                                        <tr>
                                            <td>{{ $periodo->tipo_label }}</td>
                                            <td>{{ optional($periodo->inicio_em)->format('H:i') }}</td>
                                            <td>{{ optional($periodo->fim_em)->format('H:i') ?: '—' }}</td>
                                            <td class="r">{{ \App\Models\Jornada::formataMinutos($periodo->minutos) }}</td>
                                            <td><span class="tfcv-tag gray">{{ $periodo->origem }}</span></td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>

        {{-- ====================================================== --}}
        {{-- Coluna lateral: posição + histórico                    --}}
        {{-- ====================================================== --}}
        <div class="tfds-col-4" style="grid-column: span 4">

            <div class="tfcv-card">
                <p class="tfcv-section-title">Posição da viatura</p>
                <div id="tfpd-posicao"><span class="tfcv-sub">A consultar a Cartrack…</span></div>

                    <iframe
                        id="statusVeiculoMapaIframe"
                        class="status-veiculo-map-frame"
                        src="https://maps.google.com/maps?q=0,0&z=15&output=embed"
                        loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"
                        title="Mapa da posição do veículo"
                        style="border:0; width:100%; height:300px; border-radius:4px; margin-top:8px">
                    </iframe>
            </div>

            <div class="tfcv-card">
                <div class="tfcv-toolbar">
                    <p class="tfcv-section-title" style="margin:0">Histórico</p>
                    <span class="tfcv-counter"><b>{{ $mapa->eventos->count() }}</b> eventos</span>
                </div>

                <div style="max-height:60vh; overflow-y:auto; margin-top:8px">
                    @foreach($mapa->eventos->sortByDesc('ocorrido_em') as $evento)
                        <div style="padding:10px 0; border-bottom:0.5px solid rgba(0,0,0,.06)">
                            <div style="font-size:14px">
                                <i class="fas {{ $evento->icone }}" aria-hidden="true" style="color:#888780; width:16px"></i>
                                {{ $evento->descricao }}
                            </div>
                            <div class="tfcv-sub">
                                {{ optional($evento->ocorrido_em)->format('d/m/Y') }}
                                @if($evento->hora_estimada)
                                    <span title="A fonte só forneceu a data, sem hora">(sem hora)</span>
                                @else
                                    {{ optional($evento->ocorrido_em)->format('H:i') }}
                                @endif
                                <span class="tfcv-tag gray">{{ $evento->origem }}</span>
                                @if($evento->user) {{ $evento->user->name }}
                                @elseif($evento->driver) {{ $evento->driver->first_name }}
                                @endif
                                @if($evento->hora_estimada && $evento->registado_em)
                                    <br><em>sistema soube em {{ $evento->registado_em->format('d/m H:i') }}</em>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <div class="tfcv-card">
                <p class="tfcv-section-title">Documentos do mapa</p>
                @forelse($mapa->documentos as $documento)
                    <a href="{{ asset('storage/' . $documento->anexo) }}" target="_blank" class="tfcv-btn" style="width:100%; margin-bottom:6px">
                        <i class="fas fa-paperclip" aria-hidden="true"></i> {{ $documento->tipo }}
                    </a>
                @empty
                    <div class="tfcv-empty" style="padding:18px">Sem documentos ao nível do mapa.</div>
                @endforelse
            </div>
        </div>
    </div>
</div>

<script>
/* Posição da viatura via Cartrack. Falha em silêncio se a API não responder. */
(function () {
    var alvo = document.getElementById('tfpd-posicao');
    var iframe = document.getElementById('statusVeiculoMapaIframe');

    function atualizarMapaGoogle(latitude, longitude) {
        var latitudeNumero = Number(latitude);
        var longitudeNumero = Number(longitude);

        if (Number.isNaN(latitudeNumero) || Number.isNaN(longitudeNumero)) {
            if (iframe) {
                iframe.src = 'https://maps.google.com/maps?q=0,0&z=1&output=embed';
            }
            return;
        }

        if (iframe) {
            iframe.src = 'https://maps.google.com/maps?q=' + latitudeNumero + ',' + longitudeNumero + '&z=15&output=embed';
        }
    }

    function atualizar() {
        fetch("{{ route('portal_descargas.posicoes') }}?mapa_id={{ $mapa->id }}")
            .then(function (r) { return r.json(); })
            .then(function (d) {
                if (d.erro)  { alvo.innerHTML = '<span class="tfcv-sub">' + d.erro + '</span>'; return; }
                if (!d.posicoes.length) {
                    alvo.innerHTML = '<span class="tfcv-sub">Sem posição para esta viatura.</span>';
                    if (iframe) iframe.src = 'https://maps.google.com/maps?q=0,0&z=1&output=embed';
                    return;
                }

                var p = d.posicoes[0];
                var morada = p.morada || (p.latitude != null && p.longitude != null ? p.latitude + ', ' + p.longitude : '—');
                var velocidade = p.velocidade != null ? p.velocidade + ' km/h' : '—';
                var textoMomento = p.momento || '';

                alvo.innerHTML =
                    '<div style="font-size:20px; font-weight:500">' + velocidade + '</div>' +
                    '<div class="tfcv-sub">' + morada + '</div>' +
                    '<div class="tfcv-sub">' + textoMomento + '</div>' +
                    (p.latitude != null && p.longitude != null ? '<a class="tfcv-btn" style="margin-top:10px" target="_blank" href="https://www.google.com/maps?q=' +
                        p.latitude + ',' + p.longitude + '"><i class="fas fa-map-marker-alt"></i> Ver no mapa</a>' : '');
                
                console.log('Posição da viatura atualizada:', p);
                        
                atualizarMapaGoogle(p.latitude, p.longitude);
            })
            .catch(function () {
                alvo.innerHTML = '<span class="tfcv-sub">Não foi possível obter a posição.</span>';
                if (iframe) iframe.src = 'https://maps.google.com/maps?q=0,0&z=1&output=embed';
            });
    }

    atualizar();
    setInterval(atualizar, 60000);
})();
</script>
@endsection