@php
    $mileageTimeline = $mileageTimeline ?? collect();
    $vehicleOdometer = $vehicleOdometer ?? null;
    $compact = ! empty($compact);
@endphp
@if($mileageTimeline->isNotEmpty() || $vehicleOdometer !== null)
<div class="card border-0 shadow-sm mb-3 {{ $compact ? 'mb-2' : '' }}">
    <div class="card-body py-2 px-3">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
            <h6 class="mb-0 text-uppercase small text-muted fw-semibold">Vehicle mileage history</h6>
            @if($vehicleOdometer !== null)
                <span class="badge bg-light text-dark border">File odometer: {{ number_format((int) $vehicleOdometer) }} km</span>
            @endif
        </div>
        @if($mileageTimeline->isEmpty())
            <p class="small text-muted mb-0">No service mileage records yet.</p>
        @else
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0 align-middle" style="font-size:0.8rem;">
                    <thead class="table-light">
                        <tr>
                            <th>Date</th>
                            <th>Reading (km)</th>
                            <th>Service</th>
                            <th>Source</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($mileageTimeline as $row)
                            <tr>
                                <td>{{ $row->service_date ? \Illuminate\Support\Carbon::parse($row->service_date)->format('d M Y') : '—' }}</td>
                                <td class="fw-semibold">{{ \App\Support\GarageMeterReading::format($row->meter_reading) }}</td>
                                <td>
                                    @if(!empty($row->service_name))
                                        {{ $row->service_name }}
                                        @if(!empty($row->service_interval_km))
                                            <span class="text-muted">· every {{ number_format((int) $row->service_interval_km) }} km</span>
                                        @endif
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td>
                                    @php
                                        $srcType = $row->source_type ?? '';
                                        $srcId = (int) ($row->source_id ?? 0);
                                        $docUrl = match ($srcType) {
                                            'repair_order' => $srcId ? route('garage.repair-orders.show', $srcId) : null,
                                            'sale' => $srcId ? route('garage.sales.show', $srcId) : null,
                                            'estimate' => $srcId ? route('garage.estimates.show', $srcId) : null,
                                            default => null,
                                        };
                                    @endphp
                                    {{ \App\Services\GarageVehicleMeterService::sourceTypeLabel($srcType) }}
                                    @if(!empty($row->document_number))
                                        @if($docUrl)
                                            <a href="{{ $docUrl }}" class="font-monospace text-decoration-none">{{ $row->document_number }}</a>
                                        @else
                                            <span class="font-monospace">{{ $row->document_number }}</span>
                                        @endif
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>
@endif