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

@php
    $steps = [
        ['label' => 'Company', 'route' => route('application.evaluation.evaluator.evaluate-company', $application->id)],
        ['label' => 'Certification', 'route' => route('application.evaluation.evaluator.evaluate-certificate', $application->id)],
        ['label' => 'Services', 'route' => route('application.evaluation.evaluator.evaluate-application', $application->id)],
        ['label' => 'Payment', 'route' => route('application.evaluation.evaluator.evaluate-payment', $application->id)],
        ['label' => 'Summary', 'route' => route('application.evaluation.evaluator.evaluate-next', $application->id)],
    ];
@endphp

<div class="stepper-container mb-4">
    <div class="evaluation-stepper-wrapper">
        @foreach ($steps as $index => $step)
            <a href="{{ $step['route'] }}" class="evaluation-stepper-item {{ $index == $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>
            </a>
        @endforeach
    </div>
</div>