@extends('layouts.dashboard')

@section('title', 'PDF workflow | kView INVESTOR')

@section('content')
    @php
        $statusTone = fn (?string $status) => match ($status) {
            \App\Models\RayDocImport::STATUS_COMPLETED, \App\Models\RayDocImport::STATUS_APPROVED => 'positive',
            \App\Models\RayDocImport::STATUS_REJECTED, \App\Models\RayDocImport::STATUS_FAILED => 'negative',
            \App\Models\RayDocImport::STATUS_PROCESSING, \App\Models\RayDocImport::STATUS_SENT_TO_RAYDOCS => 'primary',
            default => 'neutral',
        };
        $jobStatusTone = fn (?string $status) => match ($status) {
            \App\Models\RayJob::STATUS_FAILED => 'negative',
            \App\Models\RayJob::STATUS_COMPLETED => 'positive',
            \App\Models\RayJob::STATUS_UPLOADING, \App\Models\RayJob::STATUS_PROCESSING, \App\Models\RayJob::STATUS_SENT => 'primary',
            default => 'neutral',
        };
        $formatLabel = fn (?string $value) => $value ? ucfirst(str_replace('_', ' ', $value)) : '-';
        $formatIdentifier = fn (?string $value) => $value ? str($value)->limit(18) : '-';
        $formatBytes = function (?int $bytes): string {
            if ($bytes === null) {
                return '-';
            }

            $units = ['B', 'KB', 'MB', 'GB'];
            $value = (float) $bytes;
            $unitIndex = 0;

            while ($value >= 1024 && $unitIndex < count($units) - 1) {
                $value /= 1024;
                $unitIndex++;
            }

            return number_format($value, $unitIndex === 0 ? 0 : 2).' '.$units[$unitIndex];
        };
        $metadata = collect($import->metadata ?? []);
        $latestJob = $import->latestJob;
        $completedJob = $import->jobs->first(
            fn ($job) => $job->status === \App\Models\RayJob::STATUS_COMPLETED
                && filled(data_get($job->response_payload, 'extraction.data'))
        );
        $displayStatus = $completedJob
            ? \App\Models\RayDocImport::STATUS_COMPLETED
            : $import->status;
        $extractedData = data_get($completedJob?->response_payload, 'extraction.data');
        $normalizedData = data_get($reviewTask?->extractedData?->data, 'normalized', []);
        $controlChecks = $reviewTask?->controlResults?->map(fn ($control) => [
            'code' => $control->control_type,
            'status' => $control->status,
            'message' => $control->message,
            'details' => $control->data,
        ])->all() ?? [];
        $controlTone = fn (?string $status) => match ($status) {
            'passed' => 'positive',
            'warning' => 'warning',
            'error' => 'negative',
            default => 'neutral',
        };
        $canApprove = $reviewTask
            && $reviewTask->state === \App\Models\RayDocReviewTask::STATUS_READY
            && filled(data_get($reviewTask->data, 'resolution_validated_at'))
            && ! $reviewTask->controlResults->contains('status', 'error');
        $isReviewTerminal = $reviewTask && in_array($reviewTask->state, [
            \App\Models\RayDocReviewTask::STATUS_APPROVED,
            \App\Models\RayDocReviewTask::STATUS_REJECTED,
        ], true);
        $resolutionValidated = $reviewTask
            && $reviewTask->state === \App\Models\RayDocReviewTask::STATUS_READY
            && filled(data_get($reviewTask->data, 'resolution_validated_at'));
        $hasControlErrors = collect($controlChecks)->contains(
            fn (array $check): bool => ($check['status'] ?? null) === 'error'
        );
        $duplicatePdfLinkAvailable = $duplicatePdfRecord !== null
            && collect($controlChecks)->contains(
                fn (array $check): bool => ($check['code'] ?? null) === 'duplicate'
                    && ($check['status'] ?? null) === 'error'
            );
        $rejectIsPrimary = $hasControlErrors && ! $duplicatePdfLinkAvailable;
        $investmentPairKeys = collect($investmentPairs)->map(
            fn (array $pair) => $pair['fund_id'].'|'.$pair['investor_id']
        )->all();
    @endphp

    <header class="raydoc-workflow-header">
        <a href="{{ route('home') }}" class="raydoc-workflow-brand">
            <img src="{{ asset('images/kview_investor-brand.png') }}" alt="kView INVESTOR by kView">
        </a>
        <h1>PDF workflow</h1>
    </header>

    <div class="main-card">
        <div class="card-title card-title--with-actions">
            <div class="card-header-row card-header-row--title-actions">
                <div class="card-heading-block">
                    <x-ui.breadcrumbs :items="[
                        ['label' => 'PDF Import & Scan', 'href' => route('raydocs.imports.index')],
                        ['label' => $import->original_filename],
                    ]" />
                    <h3>{{ $import->original_filename }}</h3>
                </div>
                <div class="card-actions card-actions--bottom">
                    <form method="POST" action="{{ route('raydocs.imports.send', $import) }}" class="raydoc-inline-form">
                        @csrf
                        <button type="submit" class="btn-primary inline" @disabled(! $fileExists || ! $canSendToRaydocs)>
                            <x-ui.icon name="upload" size="13" />
                            Send to Raydocs
                        </button>
                    </form>
                    <a href="{{ route('raydocs.imports.index') }}" class="btn-secondary">
                        <x-ui.icon name="chevron-left" size="13" />
                        Back
                    </a>
                </div>
            </div>
        </div>

        <div class="card-body">
            <x-ui.record-detail-layout>
                <x-slot:sidebar>
                    <x-ui.record-summary-card
                        eyebrow="PDF import & scan"
                        :title="$import->original_filename"
                        :subtitle="$formatLabel($import->source_type)"
                        icon="document"
                    >
                        <div class="record-summary-metrics">
                            <div class="record-summary-metric">
                                <span>Status</span>
                                <strong>
                                    <x-ui.performance-badge :tone="$statusTone($displayStatus)" icon="none">
                                        {{ $formatLabel($displayStatus) }}
                                    </x-ui.performance-badge>
                                </strong>
                            </div>
                            <div class="record-summary-metric">
                                <span>Size</span>
                                <strong>{{ $formatBytes($import->file_size) }}</strong>
                            </div>
                            <div class="record-summary-metric">
                                <span>Storage</span>
                                <strong>{{ $fileExists ? 'OK' : 'Missing' }}</strong>
                            </div>
                            <div class="record-summary-metric">
                                <span>Disk</span>
                                <strong>{{ $import->storage_disk }}</strong>
                            </div>
                        </div>

                        <div class="record-summary-section">
                            <h5>Source</h5>
                            <div class="record-summary-list">
                                <div class="record-summary-list-row">
                                    <span>Uploaded by</span>
                                    <strong>{{ $import->uploader?->name ?? '-' }}</strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Received</span>
                                    <strong>{{ $import->received_at?->format('Y-m-d H:i') ?? '-' }}</strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>MIME type</span>
                                    <strong>{{ $import->mime_type ?: '-' }}</strong>
                                </div>
                            </div>
                        </div>
                    </x-ui.record-summary-card>
                </x-slot:sidebar>

                <div class="raydoc-detail-stack">
                    <section class="raydoc-detail-section">
                        <div class="ui-tab-section-header">
                            <div>
                                <h4 class="ui-tab-section-title">Stored document</h4>
                                <p class="ui-tab-section-subtitle">Original PDF metadata captured before Raydocs processing.</p>
                            </div>
                        </div>

                        <div class="record-summary-list raydoc-key-list">
                            <div class="record-summary-list-row">
                                <span>Storage path</span>
                                <strong><code>{{ $import->storage_path }}</code></strong>
                            </div>
                            <div class="record-summary-list-row">
                                <span>SHA-256</span>
                                <strong><code>{{ $import->sha256 }}</code></strong>
                            </div>
                            <div class="record-summary-list-row">
                                <span>Created</span>
                                <strong>{{ $import->created_at?->format('Y-m-d H:i:s') ?? '-' }}</strong>
                            </div>
                            <div class="record-summary-list-row">
                                <span>Updated</span>
                                <strong>{{ $import->updated_at?->format('Y-m-d H:i:s') ?? '-' }}</strong>
                            </div>
                        </div>
                    </section>

                    @if ($completedJob)
                        <section class="raydoc-detail-section">
                            <div class="ui-tab-section-header">
                                <div>
                                    <h4 class="ui-tab-section-title">Raydocs review</h4>
                                    <p class="ui-tab-section-subtitle">
                                        Resolve the parties, verify the controls, and approve the Call / Distribution record.
                                    </p>
                                </div>
                            </div>

                            @if ($reviewTask)
                                <div class="raydoc-review-grid">
                                    <div class="raydoc-review-panel">
                                        <h5>Extracted key figures</h5>
                                        <div class="record-summary-list raydoc-key-list">
                                            <div class="record-summary-list-row">
                                                <span>Document type</span>
                                                <strong>{{ $formatLabel($normalizedData['document_type'] ?? null) }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Fund</span>
                                                <strong>{{ $normalizedData['fund_name'] ?? '-' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Investor</span>
                                                <strong>{{ $normalizedData['investor_name'] ?? '-' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Due date</span>
                                                <strong>{{ $normalizedData['due_date'] ?? '-' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Call amount</span>
                                                <strong>{{ $normalizedData['call_amount'] ?? '-' }} {{ $normalizedData['currency'] ?? '' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Distribution amount</span>
                                                <strong>{{ $normalizedData['distribution_amount'] ?? '-' }} {{ $normalizedData['currency'] ?? '' }}</strong>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="raydoc-pdf-panel">
                                        @if ($fileExists)
                                            <iframe title="{{ $import->original_filename }}" src="{{ route('raydocs.imports.document', $import) }}"></iframe>
                                            <a href="{{ route('raydocs.imports.document', $import) }}" target="_blank" rel="noopener" class="btn-secondary raydoc-pdf-open">
                                                <x-ui.icon name="document" size="13" /> Open PDF
                                            </a>
                                        @else
                                            <p class="detail-empty-text">The stored PDF is unavailable.</p>
                                        @endif
                                    </div>
                                </div>

                                <div class="raydoc-review-subsection">
                                    <h5>Fund and investor resolution</h5>
                                    @if ($isReviewTerminal)
                                        <div class="record-summary-list raydoc-key-list">
                                            <div class="record-summary-list-row">
                                                <span>Fund</span>
                                                <strong>{{ $reviewTask->extractedData?->fund?->full_name ?: $reviewTask->extractedData?->fund?->name ?: '-' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Investor</span>
                                                <strong>{{ $reviewTask->extractedData?->investor?->full_name ?: $reviewTask->extractedData?->investor?->name ?: '-' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Review</span>
                                                <strong>{{ $formatLabel($reviewTask->approval_status) }}</strong>
                                            </div>
                                            @if ($reviewTask->approved_record_type === 'call_distrib' && $reviewTask->approved_record_id)
                                                <div class="record-summary-list-row">
                                                    <span>Created record</span>
                                                    <strong><a href="{{ route('call-distribs.show', $reviewTask->approved_record_id) }}">View Call / Distribution</a></strong>
                                                </div>
                                            @endif
                                            @if ($reviewTask->rejection_reason)
                                                <div class="record-summary-list-row">
                                                    <span>Rejection reason</span>
                                                    <strong>{{ $reviewTask->rejection_reason }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    @else
                                        <div class="record-summary-list raydoc-key-list">
                                            <div class="record-summary-list-row">
                                                <span>Fund</span>
                                                <strong>{{ $reviewTask->extractedData?->fund?->full_name ?: $reviewTask->extractedData?->fund?->name ?: 'Not selected' }}</strong>
                                            </div>
                                            <div class="record-summary-list-row">
                                                <span>Investor</span>
                                                <strong>{{ $reviewTask->extractedData?->investor?->full_name ?: $reviewTask->extractedData?->investor?->name ?: 'Not selected' }}</strong>
                                            </div>
                                        </div>
                                        <div class="raydoc-resolution-actions">
                                            <button type="button" class="btn-primary inline" data-resolution-open @disabled($resolutionValidated)>
                                                <x-ui.icon name="edit" size="13" />
                                                {{ $resolutionValidated ? 'Fund and investor validated' : 'Resolve Fund and investor' }}
                                            </button>
                                        </div>
                                    @endif
                                </div>

                                @if ($resolutionValidated || $isReviewTerminal)
                                    <div class="raydoc-review-subsection">
                                        <h5>Automatic controls</h5>
                                        <div class="raydoc-controls">
                                            @forelse ($controlChecks as $check)
                                                <div class="raydoc-control-row">
                                                    <x-ui.performance-badge :tone="$controlTone($check['status'] ?? null)" icon="none">
                                                        {{ $formatLabel($check['status'] ?? null) }}
                                                    </x-ui.performance-badge>
                                                    <div>
                                                        <strong>{{ $formatLabel($check['code'] ?? null) }}</strong>
                                                        <p>{{ $check['message'] ?? '-' }}</p>
                                                        @if (($check['code'] ?? null) === 'duplicate' && $duplicatePdfLinkAvailable)
                                                            <p>The existing Call / Distribution has no PDF reference.</p>
                                                        @endif
                                                    </div>
                                                </div>
                                            @empty
                                                <p class="detail-empty-text">No controls are available.</p>
                                            @endforelse
                                        </div>
                                    </div>
                                @endif

                                @if (! $isReviewTerminal && $resolutionValidated)
                                    <div class="raydoc-review-actions">
                                        @if ($duplicatePdfLinkAvailable)
                                            <form method="POST" action="{{ route('raydocs.imports.review.attach-duplicate-pdf', $import) }}">
                                                @csrf
                                                <button type="submit" class="btn-primary inline">
                                                    <x-ui.icon name="document" size="13" /> Link this PDF to the existing record
                                                </button>
                                            </form>
                                        @endif
                                        <form method="POST" action="{{ route('raydocs.imports.review.rerun-controls', $import) }}">
                                            @csrf
                                            <button type="submit" class="btn-secondary">
                                                <x-ui.icon name="refresh" size="13" /> Run validation controls again
                                            </button>
                                        </form>
                                        <form method="POST" action="{{ route('raydocs.imports.review.approve', $import) }}">
                                            @csrf
                                            <button type="submit" class="btn-primary inline" @disabled(! $canApprove)>
                                                <x-ui.icon name="check" size="13" /> Approve and create Call / Distribution
                                            </button>
                                        </form>
                                        <form method="POST" action="{{ route('raydocs.imports.review.reject', $import) }}" class="raydoc-reject-form">
                                            @csrf
                                            <input type="text" name="rejection_reason" required maxlength="1000" placeholder="Rejection reason">
                                            <button type="submit" class="{{ $rejectIsPrimary ? 'btn-primary inline' : 'btn-secondary' }}">Reject</button>
                                        </form>
                                    </div>
                                @endif

                                @if (! $isReviewTerminal && ! $resolutionValidated)
                                    <dialog class="raydoc-resolution-dialog" data-resolution-dialog>
                                        <form method="POST" action="{{ route('raydocs.imports.review.resolve', $import) }}" class="raydoc-resolution-form" data-resolution-form>
                                            @csrf
                                            <input type="hidden" name="fund_action" value="existing">
                                            <input type="hidden" name="investor_action" value="existing">
                                            <div class="raydoc-resolution-dialog__header">
                                                <h5>Resolve Fund and investor</h5>
                                                <button type="button" class="btn-secondary" data-resolution-close>Close</button>
                                            </div>
                                            <div class="raydoc-resolution-grid">
                                                <fieldset>
                                                    <legend>Fund</legend>
                                                    <select name="fund_id" data-resolution-fund required>
                                                        <option value="">Select an existing fund</option>
                                                        @foreach ($fundOptions as $fundOption)
                                                            <option value="{{ $fundOption->id }}" @selected(old('fund_id', $reviewTask->extractedData?->fund_id) === $fundOption->id)>
                                                                {{ $fundOption->full_name ?: $fundOption->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <label class="raydoc-checkbox"><input type="checkbox" name="save_fund_alias" value="1" @checked(old('save_fund_alias'))> Save extracted fund name as alias</label>
                                                    <a href="{{ route('funds.create', ['name' => $normalizedData['fund_name'] ?? '']) }}" class="btn-secondary">Create a new fund</a>
                                                </fieldset>
                                                <fieldset>
                                                    <legend>Investor</legend>
                                                    <select name="investor_id" data-resolution-investor required>
                                                        <option value="">Select an existing investor</option>
                                                        @foreach ($investorOptions as $investorOption)
                                                            <option value="{{ $investorOption->id }}" @selected(old('investor_id', $reviewTask->extractedData?->investor_id) === $investorOption->id)>
                                                                {{ $investorOption->full_name ?: $investorOption->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <label class="raydoc-checkbox"><input type="checkbox" name="save_investor_alias" value="1" @checked(old('save_investor_alias'))> Save extracted investor name as alias</label>
                                                    <a href="{{ route('investors.create', ['name' => $normalizedData['investor_name'] ?? '']) }}" class="btn-secondary">Create a new investor</a>
                                                </fieldset>
                                            </div>
                                            <div class="raydoc-resolution-match" data-resolution-match aria-live="polite"></div>
                                            @if ($errors->any())
                                                <p class="ui-form-field__error">{{ $errors->first() }}</p>
                                            @endif
                                            <div class="raydoc-resolution-dialog__actions">
                                                <button type="button" class="btn-secondary" data-create-investment data-create-investment-url="{{ route('investments.create') }}" disabled>
                                                    Create a new investment
                                                </button>
                                                <button type="submit" class="btn-primary inline" data-resolution-validate disabled>
                                                    <x-ui.icon name="check" size="13" /> Validate Fund and investor resolution
                                                </button>
                                            </div>
                                        </form>
                                    </dialog>
                                @endif
                            @else
                                <p class="detail-empty-text">The completed extraction has not produced a review task yet.</p>
                            @endif
                        </section>

                        <section class="raydoc-detail-section">
                            <div class="ui-tab-section-header">
                                <div>
                                    <h4 class="ui-tab-section-title">Completed extraction JSON</h4>
                                    <p class="ui-tab-section-subtitle">
                                        Parsed data returned by Raydocs for result <code>{{ $completedJob->raydocs_result_id }}</code>.
                                    </p>
                                </div>
                            </div>
                            <pre class="raydoc-extraction-data">{{ json_encode(
                                $extractedData,
                                JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE
                            ) }}</pre>
                        </section>
                    @endif

                    <section class="raydoc-detail-section">
                        <div class="ui-tab-section-header">
                            <div>
                                <h4 class="ui-tab-section-title">Raydocs processing</h4>
                                <p class="ui-tab-section-subtitle">Raydocs upload, extraction session, and result identifiers.</p>
                            </div>
                        </div>
                        <div class="raydoc-status-grid">
                            <x-ui.info-card
                                label="Job"
                                :value="$latestJob ? $formatLabel($latestJob->status) : 'Not sent'"
                                icon="upload"
                                variant="metric"
                            />
                            <x-ui.info-card
                                label="Session"
                                :value="$formatIdentifier($latestJob?->raydocs_session_id)"
                                icon="document"
                                variant="metric"
                            />
                            <x-ui.info-card
                                label="Result"
                                :value="$formatIdentifier($latestJob?->raydocs_result_id)"
                                icon="status"
                                variant="metric"
                            />
                        </div>

                        @if ($latestJob)
                            <div class="record-summary-list raydoc-key-list raydoc-job-summary">
                                <div class="record-summary-list-row">
                                    <span>Status</span>
                                    <strong>
                                        <x-ui.performance-badge :tone="$jobStatusTone($latestJob->status)" icon="none">
                                            {{ $formatLabel($latestJob->status) }}
                                        </x-ui.performance-badge>
                                    </strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Workspace</span>
                                    <strong><code>{{ $latestJob->raydocs_workspace_id ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Template</span>
                                    <strong><code>{{ $latestJob->raydocs_template_id ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Session</span>
                                    <strong><code>{{ $latestJob->raydocs_session_id ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Document</span>
                                    <strong><code>{{ $latestJob->raydocs_document_id ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Result</span>
                                    <strong><code>{{ $latestJob->raydocs_result_id ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Raydocs job</span>
                                    <strong><code>{{ $latestJob->raydocs_job_id ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>S3 upload key</span>
                                    <strong><code>{{ $latestJob->upload_key ?: '-' }}</code></strong>
                                </div>
                                <div class="record-summary-list-row">
                                    <span>Started</span>
                                    <strong>{{ $latestJob->started_at?->format('Y-m-d H:i:s') ?? '-' }}</strong>
                                </div>
                                @if ($latestJob->error)
                                    <div class="record-summary-list-row">
                                        <span>Error</span>
                                        <strong>{{ $latestJob->error }}</strong>
                                    </div>
                                @endif
                            </div>
                        @endif

                        @if ($import->jobs->isNotEmpty())
                            <div class="table-wrapper raydoc-jobs-table">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>Created</th>
                                            <th>Status</th>
                                            <th>Session</th>
                                            <th>Document</th>
                                            <th>Result</th>
                                            <th>Error</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($import->jobs as $job)
                                            <tr>
                                                <td>{{ $job->created_at?->format('Y-m-d H:i') ?? '-' }}</td>
                                                <td>
                                                    <x-ui.performance-badge :tone="$jobStatusTone($job->status)" icon="none">
                                                        {{ $formatLabel($job->status) }}
                                                    </x-ui.performance-badge>
                                                </td>
                                                <td><code>{{ $job->raydocs_session_id ?: '-' }}</code></td>
                                                <td><code>{{ $job->raydocs_document_id ?: '-' }}</code></td>
                                                <td><code>{{ $job->raydocs_result_id ?: '-' }}</code></td>
                                                <td>{{ $job->error ?: '-' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </section>

                    <section class="raydoc-detail-section">
                        <div class="ui-tab-section-header">
                            <div>
                                <h4 class="ui-tab-section-title">Metadata</h4>
                                <p class="ui-tab-section-subtitle">Additional import details captured from upload or email intake.</p>
                            </div>
                        </div>

                        @if ($metadata->isNotEmpty())
                            <div class="record-summary-list raydoc-key-list">
                                @foreach ($metadata as $key => $value)
                                    <div class="record-summary-list-row">
                                        <span>{{ $formatLabel((string) $key) }}</span>
                                        <strong>{{ is_scalar($value) || $value === null ? ($value ?? '-') : json_encode($value) }}</strong>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p class="detail-empty-text">No additional metadata recorded.</p>
                        @endif
                    </section>
                </div>
            </x-ui.record-detail-layout>
        </div>
    </div>

    <style>
        .raydoc-detail-stack {
            display: grid;
            gap: 1rem;
        }

        .raydoc-workflow-header {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            margin-bottom: 1rem;
        }

        .raydoc-workflow-brand {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--color-ink, #19222f);
            font-size: 1rem;
            font-weight: 700;
            text-decoration: none;
        }

        .raydoc-workflow-brand img {
            width: 11rem;
            height: 3.5rem;
            object-fit: contain;
            object-position: left center;
        }

        .raydoc-workflow-header h1 {
            margin: 0;
            font-size: 1.35rem;
            font-weight: 700;
        }

        .raydoc-detail-section {
            min-width: 0;
        }

        .raydoc-inline-form {
            margin: 0;
        }

        .raydoc-detail-section .btn-primary:disabled,
        .raydoc-detail-section .btn-secondary:disabled,
        .raydoc-inline-form .btn-primary:disabled {
            opacity: 1;
            background: var(--surface, #fff);
            color: var(--color-ink-muted, #6b7280);
            border: 1px solid var(--border-strong, #cbd5e1);
        }

        .raydoc-key-list code {
            white-space: normal;
            overflow-wrap: anywhere;
        }

        .raydoc-job-summary {
            margin-top: 1rem;
        }

        .raydoc-status-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.75rem;
        }

        .raydoc-jobs-table {
            margin-top: 1rem;
        }

        .raydoc-jobs-table code {
            white-space: normal;
            overflow-wrap: anywhere;
        }

        .raydoc-extraction-data {
            max-height: 36rem;
            margin: 0;
            padding: 1rem;
            overflow: auto;
            border: 1px solid var(--color-border, #d9dee7);
            border-radius: 0.5rem;
            background: var(--color-surface-subtle, #f7f8fa);
            color: inherit;
            font-size: 0.8rem;
            line-height: 1.5;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
        }

        .raydoc-review-grid,
        .raydoc-resolution-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
        }

        .raydoc-review-panel,
        .raydoc-pdf-panel,
        .raydoc-review-subsection {
            min-width: 0;
        }

        .raydoc-pdf-panel iframe {
            width: 100%;
            min-height: 28rem;
            border: 1px solid var(--color-border, #d9dee7);
            border-radius: 0.5rem;
            background: var(--color-surface-subtle, #f7f8fa);
        }

        .raydoc-pdf-open {
            margin-top: 0.5rem;
        }

        .raydoc-review-subsection {
            margin-top: 1.25rem;
        }

        .raydoc-resolution-actions {
            margin-top: 0.75rem;
        }

        .raydoc-resolution-dialog {
            width: min(48rem, calc(100vw - 2rem));
            max-height: calc(100vh - 2rem);
            padding: 0;
            border: 1px solid var(--color-border, #d9dee7);
            border-radius: 0.5rem;
            background: var(--surface, #fff);
            color: var(--color-ink, #172033);
            box-shadow: 0 1rem 3rem rgba(23, 32, 51, 0.2);
        }

        .raydoc-resolution-dialog::backdrop {
            background: rgba(23, 32, 51, 0.42);
        }

        .raydoc-resolution-form {
            display: grid;
            gap: 1rem;
            padding: 1rem;
        }

        .raydoc-resolution-dialog__header,
        .raydoc-resolution-dialog__actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
        }

        .raydoc-resolution-dialog__header h5 {
            margin: 0;
        }

        .raydoc-resolution-match {
            min-height: 1.25rem;
            color: var(--color-ink-muted, #526070);
            font-size: 0.9rem;
        }

        .raydoc-resolution-match[data-match='yes'] {
            color: var(--success-fg, #157347);
        }

        .raydoc-resolution-match[data-match='no'] {
            color: var(--warning-fg, #9a6700);
        }

        .raydoc-resolution-grid fieldset {
            display: grid;
            gap: 0.6rem;
            min-width: 0;
            padding: 0.9rem;
            border: 1px solid var(--color-border, #d9dee7);
            border-radius: 0.5rem;
        }

        .raydoc-resolution-grid legend {
            padding: 0 0.3rem;
            font-weight: 600;
        }

        .raydoc-resolution-grid select,
        .raydoc-resolution-grid input[type='text'],
        .raydoc-reject-form input {
            width: 100%;
            min-height: 2.25rem;
            padding: 0.45rem 0.6rem;
            border: 1px solid var(--color-border, #d9dee7);
            border-radius: 0.35rem;
            background: var(--color-surface, #fff);
        }

        .raydoc-checkbox {
            font-size: 0.9rem;
        }

        .raydoc-resolution-form > .btn-secondary {
            margin-top: 0.85rem;
        }

        .raydoc-controls {
            display: grid;
            gap: 0.6rem;
        }

        .raydoc-control-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 0.7rem;
            align-items: start;
            padding: 0.75rem;
            border: 1px solid var(--color-border, #d9dee7);
            border-radius: 0.5rem;
        }

        .raydoc-control-row p {
            margin: 0.25rem 0 0;
        }

        .raydoc-review-actions,
        .raydoc-reject-form {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            align-items: center;
        }

        .raydoc-duplicate-pdf-action {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem;
            align-items: center;
            margin-top: .55rem;
        }

        .raydoc-review-actions {
            margin-top: 1.25rem;
        }

        .raydoc-reject-form input {
            min-width: 17rem;
        }

        @media (max-width: 900px) {
            .raydoc-status-grid,
            .raydoc-review-grid,
            .raydoc-resolution-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>

    @if (! $isReviewTerminal && ! $resolutionValidated)
        <script>
            document.addEventListener('DOMContentLoaded', () => {
                const dialog = document.querySelector('[data-resolution-dialog]');
                const openButton = document.querySelector('[data-resolution-open]');
                const closeButton = document.querySelector('[data-resolution-close]');
                const fundSelect = document.querySelector('[data-resolution-fund]');
                const investorSelect = document.querySelector('[data-resolution-investor]');
                const validateButton = document.querySelector('[data-resolution-validate]');
                const createInvestmentButton = document.querySelector('[data-create-investment]');
                const matchMessage = document.querySelector('[data-resolution-match]');
                const investmentPairs = new Set(@json($investmentPairKeys));

                if (!dialog || !fundSelect || !investorSelect || !validateButton || !createInvestmentButton || !matchMessage) {
                    return;
                }

                const updateActions = () => {
                    const fundId = fundSelect.value;
                    const investorId = investorSelect.value;
                    const complete = fundId !== '' && investorId !== '';
                    const investmentExists = complete && investmentPairs.has(`${fundId}|${investorId}`);

                    validateButton.disabled = !investmentExists;
                    createInvestmentButton.disabled = !complete || investmentExists;
                    matchMessage.dataset.match = investmentExists ? 'yes' : (complete ? 'no' : '');
                    matchMessage.textContent = investmentExists
                        ? 'An investment exists for this Fund and Investor. The resolution can be validated.'
                        : (complete ? 'No investment exists for this Fund and Investor.' : '');
                };

                openButton?.addEventListener('click', () => dialog.showModal());
                closeButton?.addEventListener('click', () => dialog.close());
                fundSelect.addEventListener('change', updateActions);
                investorSelect.addEventListener('change', updateActions);
                createInvestmentButton.addEventListener('click', () => {
                    const url = new URL(createInvestmentButton.dataset.createInvestmentUrl, window.location.origin);
                    url.searchParams.set('fund_id', fundSelect.value);
                    url.searchParams.set('investor_id', investorSelect.value);
                    window.location.assign(url.toString());
                });
                updateActions();

                if (@json($errors->any())) {
                    dialog.showModal();
                }
            });
        </script>
    @endif
@endsection