@props([
    'booking',
    'showPercents' => false,
])

@php
    $topics = $booking->returnForm->getTopicsData();
@endphp

<div {{ $attributes->class(['mt-8', 'md:mt-12']) }}>
    @foreach($topics as $topic => $progress_info)
        <a href="{{ route('portal.account.booking.return-form.'.str($topic)->slug(), ['booking' => $booking]) }}" class="py-6 pl-2 pr-5 flex justify-between items-center border-y border-gray-200 hover:bg-[#fcfcfc]">
            <div>
                <span class="mr-4 font-bold text-gray-900">{{ $topic }}</span>
                @if(filter_var($showPercents, FILTER_VALIDATE_BOOLEAN))
                    <span class="mr-2 whitespace-nowrap @if($progress_info['is_completed']) text-green-600 @else text-gray-500 @endif">{{ $progress_info['formatted_value'] }}</span>
                @endif
            </div>
            <div>
                @svg('img/icons/right-arrow', 'text-primary-500')
            </div>
        </a>
    @endforeach
</div>