@php
    $leadStatuses = LeadStatusId::getStatusesForRole(Auth::user());
    $completedStatusesCount = LeadStatusId::getCompletedExternalStatusesCount($lead->lead_model_status, $leadStatuses);
    $completedStatusesPercent = LeadStatusId::getCompletedExternalStatusPercent(Auth::user(), $lead->lead_model_status);
    $leadStatusLabel = LeadStatusId::getStatusForRole(Auth::user(), $lead->lead_model_status);
@endphp
<div class="nk-block-head">
    <div class="nk-block-head-content">
        <h5 class="nk-block-title title">Frise d'avancement dossier</h5>
    </div>
</div>
<div class="card">
    <div class="card-inner">
        <div class="nk-block">
            <div class="d-flex flex-wrap align-items-center justify-content-between">
                <h5 class="mb-0">Statut : <span class="{{ $lead->lead_model_status?->group() === 'REFUS' ? 'text-danger' : '' }}">{{ $leadStatusLabel }}</span></h5>
                <div class="caption-text text-dark">Etape {{ $completedStatusesCount }} <span class="text-base">de {{ count($leadStatuses) }} au total.</span></div>
            </div>
            <div class="progress progress-md bg-primary bg-opacity-10 mt-3">
                <div class="progress-bar bg-primary" data-progress="{{ $completedStatusesPercent }}" style="width: {{ $completedStatusesPercent }}%;"></div>
            </div>
        </div>
        <div class="nk-block">
            <div class="nk-history">
                @foreach($leadStatuses as $key => $status)
                <div class="nk-history-item">
                    <div class="nk-history-symbol">
                        <div class="nk-history-symbol-dot {{ $lead->lead_model_status->group() !== 'REFUS' && $lead->lead_model_status->value >= $key ? 'border-success' : '' }}"></div>
                    </div>
                    <div class="nk-history-content">
                        <div class="card">
                            <div class="card-body {{ $lead->lead_model_status->group() !== 'REFUS' && $lead->lead_model_status->value >= $key ? 'text-success' : '' }}">
                                <b>{{ $status }}</b>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>