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

@php

    $role = $role ?? request()->segment(3);
    $steps = [
        [
            'label' => 'Evaluation Summary',
            'route' => route("application.evaluation.$role.evaluate-summary", $application->id),
        ],
        [
            'label' => 'Service Details',
            'route' => route("application.evaluation.$role.evaluate-application", $application->id),
        ],
        [
            'label' => 'Recommendation Summary',
            'route' => route("application.evaluation.$role.recommendation", $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>