{{-- Progress log: each update with its note and photos. Expects $updates (with user + photos). --}}
@forelse ($updates as $u)
    @php
        [$label, $tone, $icon] = match ($u->type) {
            'completed' => ['Completed', 'success', 'check-circle-fill'],
            'reopened' => ['Reopened', 'warning', 'arrow-counterclockwise'],
            'status' => ['Status', 'secondary', 'flag'],
            'created' => ['Order created', 'secondary', 'plus-circle'],
            'assigned' => ['Assigned', 'secondary', 'diagram-2'],
            default => ['Update', 'primary', 'arrow-up-circle'],
        };
    @endphp
    <div class="d-flex gap-3 pb-3 mb-3 border-bottom">
        <span class="icon-chip chip-{{ $tone }} flex-shrink-0"><i class="bi bi-{{ $icon }}" aria-hidden="true"></i></span>
        <div class="flex-grow-1 min-w-0">
            <div class="d-flex flex-wrap align-items-center gap-2">
                <strong>{{ $u->user->name ?? 'Someone' }}</strong>
                <span class="badge-soft badge-soft-{{ $tone }} no-dot">{{ $label }}@if (in_array($u->type, ['progress', 'completed'])) · {{ $u->progress }}%@endif</span>
                @if (! empty($showAssignment) && $u->assignment)<span class="small text-muted">via {{ $u->assignment->number() }} · {{ $u->assignment->vendor->name }}</span>@endif
                <span class="text-muted small ms-auto" title="{{ $u->created_at->timezone(config('erp.timezone'))->format('d M Y, H:i') }}">{{ $u->created_at->timezone(config('erp.timezone'))->format('d M Y, H:i') }}</span>
            </div>
            @if ($u->note)<div class="mt-1">{!! nl2br(e($u->note)) !!}</div>@endif
            @if ($u->photos->isNotEmpty())
                <div class="row g-2 mt-1">
                    @foreach ($u->photos as $p)
                        <div class="col-6 col-sm-4 col-md-3">
                            <a href="{{ route('work-photos.show', $p) }}" target="_blank" rel="noopener" class="d-block"><img src="{{ route('work-photos.show', [$p, 'thumb']) }}" alt="Work photo, {{ $p->created_at->timezone(config('erp.timezone'))->format('d M Y H:i') }}" class="img-fluid rounded border" loading="lazy" width="400" height="{{ $p->width ? (int) round(400 * $p->height / $p->width) : 300 }}"></a>
                            <div class="small text-muted lh-sm mt-1">
                                @if ($p->hasLocation())<a href="{{ $p->mapUrl() }}" target="_blank" rel="noopener" class="text-decoration-none"><i class="bi bi-geo-alt-fill" aria-hidden="true"></i> {{ number_format($p->latitude, 4) }}, {{ number_format($p->longitude, 4) }}</a>@else<span class="text-warning"><i class="bi bi-geo-alt" aria-hidden="true"></i> No location</span>@endif
                                @if ($p->clockOff())<br><span class="text-warning" title="The phone's clock was {{ round(abs($p->clock_skew) / 60) }} min off">Phone clock off</span>@endif
                                @if ($p->isOlder())<br><span class="text-warning" title="Taken {{ $p->taken_at->timezone(config('erp.timezone'))->format('d M H:i') }}">Older photo</span>@endif
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@empty
    <x-empty icon="camera" title="No updates yet" text="Progress updates and photos from the manager will appear here." />
@endforelse