@props(['prompt', 'isExhibit' => false])
{{--
    An evidence PROMPT — a reminder to ask the client about a finding. It is never
    an answer: the excerpt is clearly framed as "from records", and the actions let
    the agent ask, cite, defer or dismiss. $prompt is an App\Support\Witness\EvidencePrompt.
--}}
@php
    $handled = $prompt->isResolved() || $prompt->isIrrelevant();
    $args = "'".$prompt->sectionKey."', '".$prompt->questionKey."', ".$prompt->evidenceItemId;
@endphp

<div class="border rounded p-2 small {{ $handled ? 'bg-body-tertiary opacity-75' : 'border-info-subtle bg-info-subtle bg-opacity-25' }}"
     wire:key="prompt-{{ $prompt->sectionKey }}-{{ $prompt->questionKey }}-{{ $prompt->evidenceItemId }}">

    <div class="d-flex align-items-start gap-2">
        <span class="mdi mdi-lightbulb-on-outline text-info-emphasis mt-1" aria-hidden="true"></span>
        <div class="flex-grow-1">
            <div class="fw-medium">{{ $prompt->promptLine() }}</div>

            <div class="text-muted fst-italic mt-1">“{{ $prompt->snippet() }}”</div>

            <div class="text-muted mt-1 d-flex flex-wrap gap-2 align-items-center">
                @if($prompt->documentName)
                    <span><span class="mdi mdi-file-document-outline" aria-hidden="true"></span> {{ $prompt->documentName }}@if($prompt->page), p.{{ $prompt->page }}@endif</span>
                @endif
                @if($isExhibit)
                    <x-witness.ws-pill type="exhibit" icon="paperclip">Exhibited</x-witness.ws-pill>
                @endif
                @if($prompt->isDeferred())
                    <x-witness.ws-pill type="warning">Deferred</x-witness.ws-pill>
                @elseif($prompt->isResolved())
                    <x-witness.ws-pill type="complete" icon="check">Handled</x-witness.ws-pill>
                @elseif($prompt->isIrrelevant())
                    <x-witness.ws-pill type="muted">Not relevant</x-witness.ws-pill>
                @endif
            </div>

            @if(! $handled)
                <div class="d-flex flex-wrap gap-1 mt-2">
                    <button type="button" class="btn btn-sm btn-outline-primary py-0" wire:click="askPrompt('{{ $prompt->sectionKey }}', '{{ $prompt->questionKey }}')">
                        <span class="mdi mdi-comment-question-outline" aria-hidden="true"></span> Ask &amp; record
                    </button>
                    <button type="button" class="btn btn-sm btn-outline-primary py-0" wire:click="citeFromPrompt({{ $args }})">
                        <span class="mdi mdi-paperclip" aria-hidden="true"></span> {{ $isExhibit ? 'Cite exhibit' : 'Add &amp; cite' }}
                    </button>
                    @unless($prompt->isDeferred())
                        <button type="button" class="btn btn-sm btn-outline-secondary py-0" wire:click="deferPrompt({{ $args }})">
                            <span class="mdi mdi-clock-outline" aria-hidden="true"></span> Defer
                        </button>
                    @endunless
                    <button type="button" class="btn btn-sm btn-outline-secondary py-0" wire:click="dismissPrompt({{ $args }})">
                        <span class="mdi mdi-close" aria-hidden="true"></span> Not relevant
                    </button>
                </div>
            @else
                <button type="button" class="btn btn-sm btn-link p-0 mt-1" wire:click="reopenPrompt({{ $args }})">Reopen</button>
            @endif
        </div>
    </div>
</div>