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

@php
    $role = $role ?? request()->segment(3);
    $steps = [
        [
            'label' => 'Evaluation Summary',
            'route' => route("application.evaluation.$role.evaluate-summary", $application->id),
        ],
        [
            'label' => ucfirst($application->type) . ' Details',
            'route' => route("application.evaluation.$role.evaluate-application", $application->id),
        ],
        [
            'label' => 'Recommendation Summary',
            'route' => route("application.evaluation.$role.recommendation", $application->id),
        ],
    ];
    // Insert Company Details if role is 'admin'
    if ($role === 'admin') {
        array_splice($steps, 1, 0, [[
            'label' => 'Company Details',
            'route' => route("application.evaluation.admin.evaluate-company", $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>