@props(['progress', 'saveStatus' => ''])
{{-- Contextual completion: progress + the single next action. No dashboard. --}}
<div class="witness-completion bg-body border-top py-2 mt-3 d-flex flex-wrap align-items-center gap-3">
    <div style="min-width: 220px; max-width: 300px;" class="flex-grow-1">
        <div class="d-flex justify-content-between small">
            <span class="text-muted">Required answers</span>
            <span class="fw-semibold">{{ $progress->requiredAnswered }}/{{ $progress->requiredTotal }}</span>
        </div>
        <div class="progress" style="height:6px;" role="progressbar"
             aria-valuenow="{{ $progress->requiredPercent() }}" aria-valuemin="0" aria-valuemax="100">
            <div class="progress-bar {{ $progress->requiredRemaining() ? '' : 'bg-success' }}"
                 style="width: {{ $progress->requiredPercent() }}%"></div>
        </div>
    </div>

    @if($progress->requiredRemaining() > 0)
        <button type="button" class="btn btn-sm btn-primary" wire:click="goToNextIncompleteQuestion">
            <span class="mdi mdi-arrow-right-bold" aria-hidden="true"></span>
            Next required ({{ $progress->requiredRemaining() }})
        </button>
    @endif

    @if($progress->openPrompts > 0)
        <x-witness.ws-pill type="warning" icon="lightbulb-on-outline">
            {{ $progress->openPrompts }} evidence prompt{{ $progress->openPrompts === 1 ? '' : 's' }}
        </x-witness.ws-pill>
    @endif

    <div class="ms-auto">
        <button type="button"
                class="btn btn-sm {{ $progress->isReadyToGenerate() ? 'btn-success' : 'btn-outline-secondary' }}"
                wire:click="openGenerationReview">
            <span class="mdi mdi-file-document-check-outline" aria-hidden="true"></span> Review &amp; generate
        </button>
    </div>
</div>