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

@php
    $steps = [
        ['label' => 'Company'],
        ['label' => 'Certification'],
        ['label' => 'Product'],
        ['label' => 'Payment'],
        ['label' => 'Summary'],
    ];

@endphp

<div class="stepper- mb-4">
    <div class="evaluation-stepper-wrapper">
        @foreach ($steps as $index => $step)
            <div class="evaluation-stepper-item {{ $index + 1 <= $currentStep ? 'active' : '' }}">
                <div class="stepper-button">
                    {{ $step['label'] }}
                    @if ($index < count($steps) - 1)
                        <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <polyline points="9 18 15 12 9 6"></polyline>
                        </svg>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
</div>