@props(['statement', 'progress', 'exhibits', 'optionsConfig' => [], 'options' => [], 'versions'])
{{-- Pre-generation review: validate blockers, surface soft warnings, confirm the
     exhibit list and options, then generate. Shown when $showGenerationReview. --}}
<div class="modal d-block" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="ws-gen-title"
     style="background: rgba(0,0,0,.4);" wire:key="ws-gen-review">
    <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title h5" id="ws-gen-title">Review &amp; generate statement</h2>
                <button type="button" class="btn-close" wire:click="closeGenerationReview" aria-label="Close"></button>
            </div>

            <div class="modal-body">
                {{-- Hard blockers --}}
                @if(! $progress->isReadyToGenerate())
                    <div class="alert alert-danger py-2">
                        <div class="fw-semibold mb-1"><span class="mdi mdi-alert-circle-outline" aria-hidden="true"></span> Resolve before generating</div>
                        <ul class="mb-0 ps-3">
                            @foreach($progress->blockers() as $blocker)
                                <li>{{ $blocker['message'] }}</li>
                            @endforeach
                        </ul>
                    </div>
                @else
                    <div class="alert alert-success py-2 mb-3">
                        <span class="mdi mdi-check-decagram" aria-hidden="true"></span>
                        All required answers are complete. The statement will use the client's answers, in their own words.
                    </div>
                @endif

                {{-- Soft warnings --}}
                @foreach($progress->warnings() as $warning)
                    <div class="alert alert-warning py-2">
                        <span class="mdi mdi-lightbulb-alert-outline" aria-hidden="true"></span>
                        {{ $warning['message'] }} — you can still generate, but you may want to review them first.
                    </div>
                @endforeach

                {{-- Exhibit list --}}
                <h3 class="h6 mt-3">Exhibits ({{ $exhibits->count() }})</h3>
                @if($exhibits->isEmpty())
                    <p class="text-muted small">No exhibits attached.</p>
                @else
                    <ul class="list-group list-group-flush small mb-3">
                        @foreach($exhibits as $exhibit)
                            <li class="list-group-item px-0 d-flex gap-2 align-items-center">
                                <x-witness.ws-pill type="exhibit">{{ $exhibit->exhibit_ref }}</x-witness.ws-pill>
                                <span class="text-truncate">{{ $exhibit->document?->display_name ?? $exhibit->title ?? 'Exhibit' }}@if($exhibit->page) · p.{{ $exhibit->page }}@endif</span>
                            </li>
                        @endforeach
                    </ul>
                @endif

                {{-- Generation options --}}
                <h3 class="h6 mt-3">Include with the statement</h3>
                <div class="row">
                    @foreach($optionsConfig as $opt)
                        @if(empty($opt['permission']) || auth()->user()?->can($opt['permission']))
                            <div class="col-md-6">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="ws-opt-{{ $opt['key'] }}"
                                           wire:click="toggleOption('{{ $opt['key'] }}')"
                                           @checked($options[$opt['key']] ?? false)>
                                    <label class="form-check-label small" for="ws-opt-{{ $opt['key'] }}">{{ $opt['label'] }}</label>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>

                @if($versions->isNotEmpty())
                    <div class="text-muted small mt-3">
                        <span class="mdi mdi-history" aria-hidden="true"></span>
                        {{ $versions->count() }} version{{ $versions->count() === 1 ? '' : 's' }} generated so far. Generating again creates a new version and preserves the previous ones.
                    </div>
                @endif
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" wire:click="closeGenerationReview">Cancel</button>
                <button type="button" class="btn btn-success" wire:click="generate" @disabled(! $progress->isReadyToGenerate())>
                    <span class="mdi mdi-file-document-check-outline" aria-hidden="true"></span>
                    {{ $versions->isNotEmpty() ? 'Generate new version' : 'Generate statement' }}
                </button>
            </div>
        </div>
    </div>
</div>