@php
    $points = $waitHistory['points'] ?? collect();
    $maxWait = max(1, (int) ($waitHistory['maximum'] ?? 0));
    $historyTrend = $waitHistory['trend'] ?? 'unknown';
    $historyTrendDelta = $waitHistory['trend_delta_minutes'] ?? null;
    $historyAvailable = $points->count() >= 2;
@endphp

@if($historyAvailable)
<section class="section wait-history-section">
    <div class="container">
        <div class="section-heading wait-history-heading">
            <div>
                <span class="eyebrow">{{ __('ui.live_history_kicker') }}</span>
                <h2>{{ __('ui.live_history_title', ['hours' => $waitHistory['hours'] ?? 8]) }}</h2>
                <p>{{ __('ui.live_history_text') }} @if(($waitHistory['sample_count'] ?? 0) > 0)<small class="wait-history-samples">{{ __('ui.live_history_samples', ['count' => $waitHistory['sample_count']]) }}</small>@endif</p>
            </div>
            @if($points->isNotEmpty())
                <div class="wait-history-summary">
                    <span><small>{{ __('ui.live_history_min') }}</small><strong>{{ $waitHistory['minimum'] }} min</strong></span>
                    <span><small>{{ __('ui.live_history_avg') }}</small><strong>{{ $waitHistory['average'] }} min</strong></span>
                    <span><small>{{ __('ui.live_history_max') }}</small><strong>{{ $waitHistory['maximum'] }} min</strong></span>
                    <span class="wait-history-trend is-{{ $historyTrend }}"><small>{{ __('ui.live_history_trend') }}</small><strong>@if($historyTrend === 'up') ↗ @elseif($historyTrend === 'down') ↘ @elseif($historyTrend === 'stable') → @endif {{ __('ui.live_trend_'.$historyTrend) }}</strong>@if($historyTrendDelta !== null && $historyTrend !== 'stable')<em>{{ $historyTrendDelta > 0 ? '+' : '' }}{{ $historyTrendDelta }} min</em>@endif</span>
                </div>
            @endif
        </div>

        <div class="wait-history-chart" role="img" aria-label="{{ __('ui.live_history_title', ['hours' => $waitHistory['hours'] ?? 8]) }}">
                @foreach($points as $point)
                    @php
                        $wait = (int) ($point['wait'] ?? 0);
                        $heightBucket = max(1, min(20, (int) ceil(($wait / $maxWait) * 20)));
                    @endphp
                    <div class="wait-history-point" title="{{ $point['observed_at']?->format('H:i') }} · {{ $wait }} min">
                        <span class="wait-height-{{ $heightBucket }}"></span>
                        <small>{{ $point['observed_at']?->format('H:i') }}</small>
                    </div>
                @endforeach
        </div>
    </div>
</section>

@endif