@php
    // Keyed by procedure id, never by a running counter. A counter passed into
    // an @include is copied, not shared, so each section would restart at zero
    // and every section's rows would collide on both form keys and DOM ids.
    $key      = $procedure->id;
    $latest   = $latestMap[$procedure->id] ?? null;
    $name     = "assessments[{$key}]";
    $isPassed = (bool) $latest?->isPassing();
    $state    = $isPassed ? 'passed' : ($latest ? 'retry' : 'pending');
    $allowNA  = $allowNA ?? false;
@endphp

<tr class="assess-row proc-item" data-state="{{ $state }}" data-name="{{ Str::lower($procedure->name) }}" data-key="{{ $key }}">
    <td class="assess-name">
        <span class="proc-dot proc-dot-{{ $state }}"></span>
        <span class="min-w-0">
            <span class="assess-num">{{ $rowNum }}</span>
            <span>{{ $procedure->name }}</span>
        </span>
    </td>

    <td class="text-center">
        @if($latest)
            @if($latest->is_na)
            <span class="badge score-na">NA</span>
            @else
            <span class="badge score-{{ $latest->score }}" title="{{ $latest->score_label }}">{{ $latest->score }}</span>
            @endif
            <div class="text-muted text-nowrap" style="font-size:.68rem">{{ $latest->assessment_date->format('d M y') }}</div>
        @else
            <span class="text-muted">—</span>
        @endif
    </td>

    <td>
        <input type="hidden" name="{{ $name }}[procedure_id]" value="{{ $procedure->id }}">
        @unless($allowNA)
        <input type="hidden" name="{{ $name }}[is_na]" value="0">
        @endunless

        <div class="score-picker" role="group" aria-label="Score for {{ $procedure->name }}">
            @foreach([1, 2, 3, 4, 5] as $s)
            <input class="score-input" type="radio" name="{{ $name }}[score]" value="{{ $s }}"
                   id="score_{{ $key }}_{{ $s }}">
            <label class="score-btn score-{{ $s }}" for="score_{{ $key }}_{{ $s }}"
                   title="{{ config('assessment.score_labels')[$s] }}">{{ $s }}</label>
            @endforeach

            @if($allowNA)
            <input class="score-input" type="checkbox" name="{{ $name }}[is_na]" value="1" id="na_{{ $key }}">
            <label class="score-btn score-btn-na" for="na_{{ $key }}" title="Not applicable">NA</label>
            @endif

            <button type="button" class="score-clear" data-clear="{{ $key }}" title="Clear this row" hidden>
                <i class="bi bi-x-lg"></i>
            </button>
        </div>
    </td>

    <td class="assess-remarks">
        <select name="{{ $name }}[remarks]" class="form-select form-select-sm">
            <option value="">— Optional remarks —</option>
            @foreach(config('assessment.remark_presets') as $preset)
            <option value="{{ $preset }}">{{ $preset }}</option>
            @endforeach
        </select>
    </td>
</tr>