{{-- Hành trình trạng thái của khách hàng: mỗi bước là 1 trạng thái kèm thời gian ở trạng thái đó; bước cuối là trạng thái hiện tại --}}
<div class="crm-status-journey">
    <span class="crm-status-journey__label"><i class="fas fa-route"></i> Hành trình</span>
    <ol class="crm-status-journey__list">
        @foreach($customer->historyStatus as $k => $item)
            @php $isCurrent = $k == count($customer->historyStatus) - 1; @endphp
            <li class="crm-status-journey__step {{ $isCurrent ? 'is-current' : '' }}"
                @if(@$item->status->color) style="--step-color: {{ $item->status->color }}" @endif>
                <span class="crm-status-journey__dot"></span>
                <span class="crm-status-journey__name">{{ @$item->status->name }}</span>
                <span class="crm-status-journey__time">
                    <i class="far fa-clock"></i>
                    {{ !empty($item->updated_at) ? diffTimeTwo($item->created_at, $item->updated_at) : diffTimeTwo($item->created_at, now()) }}
                </span>
                @if($isCurrent)
                    <span class="crm-status-journey__badge">Hiện tại</span>
                @endif
            </li>
        @endforeach
    </ol>
</div>