@php
    $labels = \App\Rma::stepLabels();
    $selected_step = isset($step) ? (int) $step : (int) $rma->nextActionStep();
    $furthest_step = (int) ($rma->furthest_step ?: $rma->current_step);
    $review_from = !empty($rma->review_required_from_step) ? (int) $rma->review_required_from_step : null;
@endphp

@if($rma->status === 'cancelled')
    <div class="alert alert-danger tw-mb-4">
        <i class="fa fa-ban"></i> <strong>{{ \App\Rma::statuses()['cancelled'] }}</strong>
    </div>
@else
    @if($review_from)
        <div class="alert alert-warning tw-mb-4">
            <div class="tw-flex tw-items-start tw-gap-3">
                <i class="fa fa-exclamation-circle tw-mt-1"></i>
                <div>
                    <strong>@lang('rma.review_in_progress')</strong>
                    <div>@lang('rma.review_required_notice')</div>
                </div>
            </div>
        </div>
    @endif

    <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-4 tw-gap-2">
        @foreach($labels as $step_no => $label)
            @php
                $is_active = $selected_step === (int) $step_no;
                $needs_review = $review_from && $step_no >= $review_from && $step_no <= $furthest_step;
                $is_done = $step_no <= $furthest_step && !$needs_review;
                $is_available = $step_no <= $furthest_step || $step_no === (int) $rma->nextActionStep();
                $card_class = $needs_review
                    ? 'tw-bg-amber-50 tw-border-amber-400'
                    : ($is_active
                        ? 'tw-bg-blue-50 tw-border-blue-400'
                        : ($is_done ? 'tw-bg-green-50 tw-border-green-300' : 'tw-bg-gray-50 tw-border-gray-200'));
                $circle_class = $needs_review
                    ? 'tw-bg-amber-500 tw-text-white'
                    : ($is_active
                        ? 'tw-bg-blue-600 tw-text-white'
                        : ($is_done ? 'tw-bg-green-600 tw-text-white' : 'tw-bg-gray-300 tw-text-gray-700'));
            @endphp

            @if($is_available && auth()->user()->can('rma.update'))
                <a href="{{ action([\App\Http\Controllers\RmaController::class, 'edit'], [$rma->id, 'step' => $step_no]) }}"
                    class="tw-block tw-rounded-lg tw-border tw-p-3 {{ $card_class }} hover:tw-shadow-sm"
                    style="text-decoration:none;color:inherit;">
            @else
                <div class="tw-rounded-lg tw-border tw-p-3 {{ $card_class }}">
            @endif
                <div class="tw-flex tw-items-center tw-gap-2">
                    <span class="tw-flex tw-items-center tw-justify-center tw-w-7 tw-h-7 tw-rounded-full {{ $circle_class }}">
                        @if($is_done)
                            <i class="fa fa-check"></i>
                        @elseif($needs_review)
                            <i class="fa fa-exclamation"></i>
                        @else
                            {{ $step_no }}
                        @endif
                    </span>
                    <div>
                        <div class="tw-font-semibold tw-text-sm">{{ $label }}</div>
                        @if($needs_review)
                            <small class="tw-text-amber-700">@lang('rma.needs_review')</small>
                        @elseif($is_done)
                            <small class="tw-text-green-700">@lang('rma.statuses.completed')</small>
                        @elseif($is_active)
                            <small class="tw-text-blue-700">@lang('rma.next_action')</small>
                        @else
                            <small class="tw-text-gray-500">Waiting</small>
                        @endif
                    </div>
                </div>
            @if($is_available && auth()->user()->can('rma.update'))
                </a>
            @else
                </div>
            @endif
        @endforeach
    </div>
@endif