@props(['exhibits'])
{{-- The global exhibit library: ordered, reorderable, removable. Labels are
     derived from position, so reorder/remove renumber everything consistently. --}}

@forelse($exhibits as $exhibit)
    <div class="border rounded p-2 mb-2 small" wire:key="ex-{{ $exhibit->id }}">
        <div class="d-flex align-items-center gap-2">
            <x-witness.ws-pill type="exhibit">{{ $exhibit->exhibit_ref }}</x-witness.ws-pill>
            <span class="text-truncate fw-medium">{{ $exhibit->document?->display_name ?? $exhibit->title ?? 'Exhibit' }}</span>
            @if($exhibit->page)<span class="text-muted">· p.{{ $exhibit->page }}</span>@endif

            <div class="btn-group btn-group-sm ms-auto" role="group" aria-label="Reorder {{ $exhibit->exhibit_ref }}">
                <button type="button" class="btn btn-outline-secondary py-0" wire:click="moveExhibit({{ $exhibit->id }}, 'up')" @disabled($loop->first)>
                    <span class="mdi mdi-arrow-up" aria-hidden="true"></span><span class="visually-hidden">Move up</span>
                </button>
                <button type="button" class="btn btn-outline-secondary py-0" wire:click="moveExhibit({{ $exhibit->id }}, 'down')" @disabled($loop->last)>
                    <span class="mdi mdi-arrow-down" aria-hidden="true"></span><span class="visually-hidden">Move down</span>
                </button>
            </div>
        </div>

        @if($exhibit->label)
            <p class="text-muted fst-italic mt-1 mb-1">“{{ \Illuminate\Support\Str::limit($exhibit->label, 140) }}”</p>
        @endif

        <div class="d-flex align-items-center gap-2 mt-1">
            @php $citeCount = $exhibit->references()->count(); @endphp
            @if($citeCount > 0)
                <span class="text-muted">Cited by {{ $citeCount }} answer{{ $citeCount === 1 ? '' : 's' }}</span>
            @else
                <span class="text-muted">Not cited yet</span>
            @endif
            <button type="button" class="btn btn-sm btn-outline-danger py-0 ms-auto"
                    wire:click="removeExhibit({{ $exhibit->id }})"
                    @if($citeCount > 0) wire:confirm="This exhibit is cited by {{ $citeCount }} answer(s). Removing it will delete those citations and renumber the rest. Continue?" @endif>
                <span class="mdi mdi-delete-outline" aria-hidden="true"></span> Remove
            </button>
        </div>
    </div>
@empty
    <div class="text-center text-muted small py-4">
        <span class="mdi mdi-paperclip d-block" style="font-size:1.75rem;" aria-hidden="true"></span>
        No exhibits yet. Add confirmed findings from the evidence tabs.
    </div>
@endforelse