@props(['currentStep' => 0])

@php
    $steps = [
        ['icon' => 'list-check', 'label' => 'Criteria'],
        ['icon' => 'stack', 'label' => 'Certification'],
        ['icon' => 'box', 'label' => $type == \App\Models\Application::TYPE_SERVICE ? 'Service' : 'Products'],
        ['icon' => 'bank', 'label' => 'Payment'],
        ['icon' => 'file-text', 'label' => 'Declaration'],
        ['icon' => 'check-circle', 'label' => 'Submission'],
    ];

@endphp

<div class="stepper-wrapper">
    <div class="row">
        @foreach ($steps as $index => $step)
            <div class="col stepper-item">
                <div class="stepper-icon shadow-sm {{ $index + 1 <= $currentStep ? 'active' : '' }}">
                    <i class="bi bi-{{ $step['icon'] }} fs-2"></i>
                </div>
                <div class="stepper-text {{ $index + 1 <= $currentStep ? 'active' : '' }}">
                    {{ $step['label'] }}
                </div>
            </div>
        @endforeach
    </div>
</div>