@extends('layouts.app')
@prepend('scripts')
<script>
(function (w) {
    function wpForm() {
        return document.getElementById('wp-form');
    }
    function wpMoneyMatches(el) {
        return el && el.matches && el.matches('input.prepwp-num, input.pdwpwp-num, input.ddwpwp-num');
    }
    function wpMoneyInForm(el) {
        return el && el.closest && el.closest('#wp-form');
    }
    function wpMoneyStrip(s) {
        if (s == null) return '';
        return String(s).replace(/,/g, '').replace(/\s/g, '').trim();
    }
    function wpMoneyParse(s) {
        var t = wpMoneyStrip(s);
        if (t === '' || t === '.' || t === '-') return NaN;
        var n = parseFloat(t);
        return isFinite(n) ? n : NaN;
    }
    /** Same style as PC-I §7 local cost: en-US grouping; optional decimal places (default 6). */
    function wpMoneyToDisplay(n, maxFrac) {
        maxFrac = maxFrac == null ? 6 : maxFrac;
        if (!isFinite(n) || n < 0) return '';
        if (n === 0) return '0';
        return n.toLocaleString('en-US', { maximumFractionDigits: maxFrac, useGrouping: true });
    }
    function wpMoneyToDisplayRounded(n, dec) {
        dec = dec == null ? 2 : dec;
        if (!isFinite(n)) return '';
        var p = Math.pow(10, dec);
        var r = Math.round((n + Number.EPSILON) * p) / p;
        return wpMoneyToDisplay(r, dec);
    }
    function wpMoneyNormalizeEl(el) {
        if (!el || el.tagName !== 'INPUT' || el.type === 'hidden') return;
        var raw = wpMoneyStrip(el.value);
        if (raw === '') {
            el.value = '';
            return;
        }
        var n = parseFloat(raw);
        if (!isFinite(n)) {
            el.value = '';
            return;
        }
        if (n < 0) n = 0;
        el.value = wpMoneyToDisplay(n, 6);
    }
    function wpMoneyStripAllForSubmit(form) {
        if (!form) return;
        form.querySelectorAll('input.prepwp-num, input.pdwpwp-num, input.ddwpwp-num').forEach(function (inp) {
            if (inp.type === 'hidden') return;
            inp.value = wpMoneyStrip(inp.value);
        });
    }
    function wpMoneyNormalizeAll(form) {
        var root = form || wpForm();
        if (!root) return;
        root.querySelectorAll('input.prepwp-num, input.pdwpwp-num, input.ddwpwp-num').forEach(function (inp) {
            if (inp.type === 'hidden') return;
            wpMoneyNormalizeEl(inp);
        });
    }
    function onWpMoneyFocusIn(e) {
        var el = e.target;
        if (!wpMoneyMatches(el) || !wpMoneyInForm(el)) return;
        if (el.readOnly || el.disabled) return;
        el.value = wpMoneyStrip(el.value);
    }
    function onWpMoneyFocusOut(e) {
        var el = e.target;
        if (!wpMoneyMatches(el) || !wpMoneyInForm(el)) return;
        wpMoneyNormalizeEl(el);
    }
    document.addEventListener('focusin', onWpMoneyFocusIn, true);
    document.addEventListener('focusout', onWpMoneyFocusOut, true);
    w.wpWorkingPaperMoney = {
        strip: wpMoneyStrip,
        parse: wpMoneyParse,
        toDisplay: wpMoneyToDisplay,
        toDisplayRounded: wpMoneyToDisplayRounded,
        normalizeEl: wpMoneyNormalizeEl,
        normalizeAll: wpMoneyNormalizeAll,
        stripAllForSubmit: wpMoneyStripAllForSubmit
    };
    document.addEventListener('DOMContentLoaded', function () {
        wpMoneyNormalizeAll();
    });
})(window);
</script>
@endprepend
@php
    $wpPreviewOnly = ! empty($wpPreviewOnly ?? false);
@endphp
@section('title', strtoupper($type) . ' Working Paper')

@include('working-papers.partials.richtext-scripts')
@include('working-papers.partials.wp-summernote-scripts')

@push('styles_after_adminlte')
    @include('working-papers.partials.print-a4')
    <style>
        @media screen {
            #wp-form:not([data-wp-form-readonly="1"]) .prepwp-input:not([readonly]):not([disabled]):not(.d-none),
            #wp-form:not([data-wp-form-readonly="1"]) .pdwpwp-input:not([readonly]):not([disabled]):not(.d-none),
            #wp-form:not([data-wp-form-readonly="1"]) .ddwpwp-input:not([readonly]):not([disabled]):not(.d-none),
            #wp-form:not([data-wp-form-readonly="1"]) .prepwp-textarea:not([readonly]):not([disabled]):not(.d-none),
            #wp-form:not([data-wp-form-readonly="1"]) .pdwpwp-textarea:not([readonly]):not([disabled]):not(.d-none),
            #wp-form:not([data-wp-form-readonly="1"]) .ddwpwp-textarea:not([readonly]):not([disabled]):not(.d-none),
            #wp-form:not([data-wp-form-readonly="1"]) select:not([readonly]):not([disabled]) {
                background-color: #e8f4fd !important;
                box-shadow: inset 0 0 0 1px #90caf9;
                padding: 2px 4px !important;
                border-radius: 2px;
            }

            #wp-form:not([data-wp-form-readonly="1"]) .prepwp-input:not([readonly]):not([disabled]):not(.d-none):focus,
            #wp-form:not([data-wp-form-readonly="1"]) .pdwpwp-input:not([readonly]):not([disabled]):not(.d-none):focus,
            #wp-form:not([data-wp-form-readonly="1"]) .ddwpwp-input:not([readonly]):not([disabled]):not(.d-none):focus,
            #wp-form:not([data-wp-form-readonly="1"]) .prepwp-textarea:not([readonly]):not([disabled]):not(.d-none):focus,
            #wp-form:not([data-wp-form-readonly="1"]) .pdwpwp-textarea:not([readonly]):not([disabled]):not(.d-none):focus,
            #wp-form:not([data-wp-form-readonly="1"]) .ddwpwp-textarea:not([readonly]):not([disabled]):not(.d-none):focus,
            #wp-form:not([data-wp-form-readonly="1"]) select:not([readonly]):not([disabled]):focus {
                background-color: #d6ebfa !important;
                box-shadow: inset 0 0 0 1px #42a5f5;
                outline: none;
            }

            #wp-form .prepwp-input[readonly],
            #wp-form .pdwpwp-input[readonly],
            #wp-form .ddwpwp-input[readonly],
            #wp-form .prepwp-textarea[readonly],
            #wp-form .pdwpwp-textarea[readonly],
            #wp-form .ddwpwp-textarea[readonly] {
                background-color: #f3f4f6 !important;
                box-shadow: none;
                color: #374151;
                cursor: default;
            }
        }
    </style>
@endpush

@push('stylesheets')
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
    <style>
        .wp-wp-body-readonly {
            pointer-events: none;
            user-select: none;
            opacity: 0.98;
        }
        .wp-wp-body-readonly .wp-comments-block,
        .wp-wp-body-readonly .wp-comments-block * {
            pointer-events: auto !important;
            user-select: text;
        }
        .wp-wp-body-readonly .wp-comments-block .wp-richtext-surface[contenteditable="true"] {
            pointer-events: auto !important;
            user-select: text !important;
            cursor: text;
        }
        /* PC Form submitter: only Response of Sponsor fields are editable */
        .wp-wp-sponsor-response-only {
            pointer-events: none;
            user-select: none;
        }
        .wp-wp-sponsor-response-only textarea[name*="[response]"] {
            pointer-events: auto !important;
            user-select: text !important;
            cursor: text;
            background: #fffef5 !important;
        }
        /* Observation recipients: the full appraisal / technical-section table */
        .wp-wp-observation-only {
            pointer-events: none;
            user-select: none;
        }
        .wp-wp-observation-only #wp-sponsor-response,
        .wp-wp-observation-only #wp-sponsor-response * {
            pointer-events: auto !important;
            user-select: text;
        }
        .wp-wp-observation-only #wp-sponsor-response textarea {
            cursor: text;
            background: #fffef5 !important;
        }
        .wp-wp-observation-only .prepwp-row-actions,
        .wp-wp-observation-only .pdwpwp-row-actions,
        .wp-wp-observation-only .ddwpwp-row-actions {
            display: none !important;
        }
        .wp-wp-observation-only .wp-observation-row-actions {
            display: flex !important;
            pointer-events: auto !important;
        }
        .wp-wp-observation-only .wp-observation-row-actions * {
            pointer-events: auto !important;
        }
        .wp-wp-observation-only .wp-comments-block,
        .wp-wp-observation-only .wp-comments-block * {
            pointer-events: auto !important;
            user-select: text;
        }
        .wp-objectives-brief-wrap {
            min-height: 64px;
        }
        .wp-objectives-brief-wrap .wp-objectives-ai-trigger {
            position: absolute;
            right: 6px;
            bottom: 6px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.35rem 0.65rem;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            border-radius: 999px;
            border: 1px solid rgba(99, 102, 241, 0.45);
            background: linear-gradient(145deg, #f8f9ff 0%, #eef2ff 100%);
            color: #4338ca;
            box-shadow: 0 1px 3px rgba(67, 56, 202, 0.12);
            line-height: 1.2;
        }
        .wp-objectives-brief-wrap .wp-objectives-ai-trigger:hover {
            color: #0c0a27;
            border-color: rgb(88 87 95 / 65%);
            box-shadow: 0 2px 8px rgba(67, 56, 202, 0.18);
        }
        .wp-objectives-brief-wrap .wp-objectives-ai-trigger:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.35);
        }
        .wp-objectives-brief-wrap .textarea-ai-trigger-icon {
            font-size: 0.8rem;
        }
        @media print {
            .wp-objectives-ai-trigger,
            .wp-pc-objectives-source,
            #wp-form .note-editor,
            #wp-form .note-editor .note-toolbar,
            #wp-form .note-editor .note-statusbar {
                display: none !important;
            }
            #wp-form .wp-print-text-surface {
                display: block !important;
            }
        }
        .wp-print-text-surface {
            display: none;
        }
    </style>
@endpush

@section('contents')
    <section class="content p-0">
        <div class="container-fluid p-0">
            @if (! empty($isWorkingPaperSubmitted))
                @if ($canEditWorkingPaperBody ?? false)
                    <div class="alert alert-warning mb-0 rounded-0 d-flex align-items-center justify-content-between flex-wrap no-print" style="gap: 8px;">
                        <div>
                            <i class="fas fa-unlock mr-1" aria-hidden="true"></i>
                            <strong>Submitted</strong> — temporarily unlocked for editing. Save updates this paper; it stays submitted.
                        </div>
                        <span class="badge badge-warning">SUBMITTED · EDITABLE</span>
                    </div>
                @else
                    <div class="alert alert-success mb-0 rounded-0 d-flex align-items-center justify-content-between flex-wrap no-print" style="gap: 8px;">
                        <div>
                            <i class="fas fa-lock mr-1" aria-hidden="true"></i>
                            <strong>Submitted</strong> — this working paper is locked and read-only.
                        </div>
                        <span class="badge badge-success">SUBMITTED</span>
                    </div>
                @endif
            @endif
            @if (! empty($observationTurnCompleted))
                <div class="alert alert-info mb-0 rounded-0 no-print">
                    <i class="fas fa-lock mr-1" aria-hidden="true"></i>
                    You have saved observations. This paper is read-only until it is sent to you again.
                </div>
            @endif

            <form
                id="wp-form"
                method="POST"
                action="{{ route('working-papers.update', [$type, $id]) }}"
                enctype="multipart/form-data"
                @if (! empty($wpPreviewOnly) || ((isset($canEditWorkingPaperBody) && ! $canEditWorkingPaperBody) && empty($canEditSponsorResponses) && empty($canEditObservations)))
                    class="wp-document-mode"
                @endif
                @if (! empty($wpPreviewOnly)) data-wp-preview="1" @endif
                @if (isset($canEditWorkingPaperBody) && ! $canEditWorkingPaperBody && empty($canEditSponsorResponses) && empty($canEditObservations)) data-wp-form-readonly="1" @endif
                @if (! empty($canEditSponsorResponses)) data-wp-sponsor-response-only="1" @endif
                @if (! empty($canEditObservations)) data-wp-observation-only="1" @endif
                @if (! empty($isWorkingPaperSubmitted) && empty($canEditWorkingPaperBody)) data-wp-submitted="1" @endif
            >
                @csrf
                @method('PUT')
                <input type="hidden" name="wp_save_action" id="wp-save-action" value="">
                <input type="hidden" name="data[type]" value="{{ $type }}">
                <input type="hidden" name="data[pc_form_id]" value="{{ data_get($data ?? [], 'pc_form_id', request()->query('pc_form_id', '')) }}">
                <input type="hidden" name="data[project_concept_note_id]" value="{{ data_get($data ?? [], 'project_concept_note_id', request()->query('project_concept_note_id', '')) }}">
                @if (! empty($wpReturnToMeetingId))
                    <input type="hidden" name="mws_return_meeting_id" value="{{ (int) $wpReturnToMeetingId }}">
                @endif

                <div @class([
                    'wp-wp-body-readonly' => (isset($canEditWorkingPaperBody) && ! $canEditWorkingPaperBody && empty($canEditSponsorResponses) && empty($canEditObservations)),
                    'wp-wp-sponsor-response-only' => ! empty($canEditSponsorResponses),
                    'wp-wp-observation-only' => ! empty($canEditObservations),
                ])>
                    @if ($type === 'pdwp')
                        @include('working-papers.partials.pdwp-form', [
                            'data' => $data,
                            'pcLinkedKeys' => $pcLinkedKeys ?? [],
                            'ceProjectCostBreakdown' => $ceProjectCostBreakdown ?? null,
                            'canEditWorkingPaperBody' => $canEditWorkingPaperBody ?? false,
                            'canEditSponsorResponses' => $canEditSponsorResponses ?? false,
                            'wpPreviewOnly' => $wpPreviewOnly ?? false,
                        ])
                    @elseif ($type === 'ddwp')
                        @include('working-papers.partials.ddwp-form', [
                            'data' => $data,
                            'pcLinkedKeys' => $pcLinkedKeys ?? [],
                            'ceProjectCostBreakdown' => $ceProjectCostBreakdown ?? null,
                            'canEditWorkingPaperBody' => $canEditWorkingPaperBody ?? false,
                            'canEditSponsorResponses' => $canEditSponsorResponses ?? false,
                        ])
                    @elseif ($type === 'pre-pdwp')
                        @include('working-papers.partials.pre-pdwp-form', [
                            'data' => $data,
                            'pcLinkedKeys' => $pcLinkedKeys ?? [],
                            'ceProjectCostBreakdown' => $ceProjectCostBreakdown ?? null,
                            'canEditWorkingPaperBody' => $canEditWorkingPaperBody ?? false,
                            'canEditSponsorResponses' => $canEditSponsorResponses ?? false,
                        ])
                    @endif
                </div>

                <div class="wp-doc-page-footer" aria-hidden="true">Page</div>

                <div class="no-print d-flex flex-wrap justify-content-end p-3" style="gap: 10px; border-top: 1px solid #e5e7eb;">
                    <button type="button" class="btn btn-outline-secondary" onclick="window.print()">
                        Print
                    </button>
                    @if (! empty($canSendForObservation))
                        <button
                            type="button"
                            class="btn btn-outline-primary"
                            id="wp-btn-send-for-observation"
                            data-toggle="modal"
                            data-target="#wp-send-observation-modal"
                        >
                            Send for observation
                        </button>
                    @endif
                    <button type="button" class="btn btn-secondary" onclick="wpCancel()">
                        Cancel
                    </button>
                    @if (! empty($canEditObservations) && empty($canEditWorkingPaperBody))
                        <button
                            type="submit"
                            class="btn btn-primary"
                            id="wp-btn-save-or-send"
                            data-wp-save-or-send
                        >
                            Save observations
                        </button>
                    @elseif (($canEditWorkingPaperBody ?? false) || ($canEditSponsorResponses ?? false))
                        <button
                            type="submit"
                            class="btn btn-primary"
                            id="wp-btn-save-or-send"
                            data-wp-save-or-send
                        >
                            {{ ($canEditSponsorResponses ?? false) && ! ($canEditWorkingPaperBody ?? false)
                                ? 'Save Response of Sponsor'
                                : 'Save' }}
                        </button>
                    @endif
                    @if ($canSubmitWorkingPaper ?? false)
                        <button
                            type="submit"
                            class="btn btn-success"
                            id="wp-btn-submit"
                            formaction="{{ route('working-papers.submit', [$type, $id]) }}"
                            formmethod="post"
                            data-wp-submit
                        >
                            Submit
                        </button>
                    @endif
                </div>

                @if (! empty($canSendForObservation))
                    <div class="modal fade" id="wp-send-observation-modal" tabindex="-1" role="dialog" aria-labelledby="wp-send-observation-modal-title" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="wp-send-observation-modal-title">Send for observation</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <label for="wp-observation-recipient-ids" class="d-block mb-1 font-weight-bold">Select users</label>
                                    <p class="text-muted small mb-2">They can fill the observation / technical appraisal section and save that turn. Send the same person again to open a new turn. You can send additional users until you Submit the paper.</p>
                                    <select name="observation_recipient_ids[]" id="wp-observation-recipient-ids" class="form-control{{ $errors->has('observation_recipient_ids') ? ' is-invalid' : '' }}" multiple="multiple">
                                        @foreach (($observationShareableUsers ?? $shareableUsers ?? []) as $u)
                                            <option value="{{ (int) $u->id }}" {{ in_array((int) $u->id, array_map('intval', (array) old('observation_recipient_ids', $selectedObservationRecipientIds ?? [])), true) ? 'selected' : '' }}>{{ trim((string) (($u->name ?? '') !== '' ? $u->name : (($u->user_name ?? '') !== '' ? $u->user_name : 'User #'.(int) $u->id))) }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('observation_recipient_ids'))
                                        <span class="text-danger small d-block mt-1">{{ $errors->first('observation_recipient_ids') }}</span>
                                    @endif
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                    <button type="button" class="btn btn-primary" id="wp-send-observation-confirm">Send</button>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </form>

            @if (($showWpComments ?? false) && ($canAddWorkingPaperDbComment ?? false))
                <form id="wp-add-comment-form" method="POST" action="{{ route('working-papers.comments.store', [$type, $id]) }}" class="d-none" aria-hidden="true">
                    @csrf
                </form>
            @endif
        </div>
    </section>
@endsection

@if($wpPreviewOnly)
    @push('stylesheets')
        <style>
            #wp-form input:not([type="hidden"]),
            #wp-form textarea:not(.d-none),
            #wp-form .wp-richtext-surface,
            #wp-form select {
                pointer-events: none !important;
            }
            #wp-form .note-editor .note-toolbar,
            #wp-form .note-editor .note-statusbar {
                display: none !important;
            }
            #wp-form .note-editor.note-frame {
                border: 0 !important;
                box-shadow: none !important;
            }
            #wp-form .note-editor .note-editable {
                border: 0 !important;
                padding: 0 !important;
                min-height: 0 !important;
                background: transparent !important;
            }
            #wp-form .no-print button,
            #wp-form .no-print a.btn {
                pointer-events: auto !important;
            }
        </style>
    @endpush
@endif

@push('scripts')
    <script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
    <script>
        function wpCancel() {
            var returnUrl = @json(! empty($wpReturnToMeetingId) ? route('meeting-workspace.meetings.show', (int) $wpReturnToMeetingId) : null);
            window.close();
            setTimeout(function () {
                if (returnUrl) {
                    window.location.href = returnUrl;
                } else {
                    window.location.href = "{{ route('pc-forms.index') }}";
                }
            }, 150);
        }

        (function () {
            var form = document.getElementById('wp-form');
            if (!form) return;

            form.addEventListener('submit', function (e) {
                var sub = e.submitter;
                var sponsorOnly = form.getAttribute('data-wp-sponsor-response-only') === '1';
                var observationOnly = form.getAttribute('data-wp-observation-only') === '1';
                var isSubmitAction = !!(sub && sub.hasAttribute('data-wp-submit'));
                if (form.getAttribute('data-wp-submitted') === '1') {
                    e.preventDefault();
                    return false;
                }
                if (form.getAttribute('data-wp-form-readonly') === '1' && ! sponsorOnly && ! observationOnly && ! isSubmitAction) {
                    e.preventDefault();
                    return false;
                }
                if (window.wpRichText && typeof window.wpRichText.syncAll === 'function') {
                    window.wpRichText.syncAll(form);
                }
                if (window.wpSummernote && typeof window.wpSummernote.syncAll === 'function') {
                    window.wpSummernote.syncAll(form);
                }
                if (window.wpWorkingPaperMoney && typeof window.wpWorkingPaperMoney.stripAllForSubmit === 'function') {
                    window.wpWorkingPaperMoney.stripAllForSubmit(form);
                }
                if (isSubmitAction) {
                    if (sub.disabled) {
                        e.preventDefault();
                        return false;
                    }
                    // Submit route expects POST (not method-spoofed PUT).
                    var methodField = form.querySelector('input[name="_method"]');
                    if (methodField) {
                        methodField.disabled = true;
                    }
                    var saveAction = document.getElementById('wp-save-action');
                    if (saveAction) {
                        saveAction.value = 'submit';
                    }
                    sub.disabled = true;
                    sub.textContent = 'Submitting…';
                    var saveBtn = document.getElementById('wp-btn-save-or-send');
                    if (saveBtn) {
                        saveBtn.disabled = true;
                    }
                    return true;
                }
                if (sub && sub.hasAttribute('data-wp-save-or-send')) {
                    if (sub.disabled) {
                        e.preventDefault();
                        return false;
                    }
                    sub.disabled = true;
                    sub.textContent = sponsorOnly ? 'Saving response…' : (observationOnly ? 'Saving observations…' : 'Saving…');
                    var submitBtn = document.getElementById('wp-btn-submit');
                    if (submitBtn) {
                        submitBtn.disabled = true;
                    }
                    return true;
                }
            });
        })();

        (function () {
            var form = document.getElementById('wp-form');
            var $sel = $('#wp-recipient-ids');
            var btn = document.getElementById('wp-btn-save-or-send');
            if (!btn) return;
            if (form && (form.getAttribute('data-wp-sponsor-response-only') === '1' || form.getAttribute('data-wp-observation-only') === '1')) {
                return;
            }

            function wpUpdateSaveOrSendButton() {
                var n = 0;
                if ($sel.length) {
                    var vals = $sel.val();
                    n = vals && vals.length ? vals.length : 0;
                }
                var hidden = document.getElementById('wp-save-action');
                if (n > 0) {
                    if (hidden) {
                        hidden.value = 'save_and_send';
                    }
                    btn.textContent = 'Save and send';
                } else {
                    if (hidden) {
                        hidden.value = '';
                    }
                    btn.textContent = 'Save';
                }
            }

            if ($sel.length) {
                $sel.select2({
                    theme: 'bootstrap4',
                    width: '100%',
                    placeholder: 'Select users who may comment',
                    allowClear: true,
                });
                $sel.on('change', wpUpdateSaveOrSendButton);
            }
            wpUpdateSaveOrSendButton();
        })();

        (function () {
            var form = document.getElementById('wp-form');
            var $obsSel = $('#wp-observation-recipient-ids');
            if (!form || ! $obsSel.length) {
                return;
            }
            $obsSel.select2({
                theme: 'bootstrap4',
                width: '100%',
                dropdownParent: $('#wp-send-observation-modal'),
                placeholder: 'Select users who may add observations',
                allowClear: true,
            });
            $('#wp-send-observation-confirm').on('click', function () {
                var vals = $obsSel.val();
                var n = vals && vals.length ? vals.length : 0;
                if (n < 1) {
                    window.alert('Select at least one user to send for observation.');
                    return;
                }
                var hidden = document.getElementById('wp-save-action');
                if (hidden) {
                    hidden.value = 'send_for_observation';
                }
                if (typeof form.requestSubmit === 'function') {
                    form.requestSubmit();
                } else {
                    $(form).trigger('submit');
                }
            });
            @if ($errors->has('observation_recipient_ids'))
            $('#wp-send-observation-modal').modal('show');
            @endif
        })();

        (function () {
            function wpPrintHtmlLooksRich(html) {
                html = String(html || '');
                if (!html.trim()) {
                    return false;
                }
                if (window.wpRichText && typeof window.wpRichText.hasHtmlContent === 'function') {
                    return window.wpRichText.hasHtmlContent(html);
                }

                return /<(?:table|p|ul|ol|li|br|strong|em|b|i|span|div|h[1-6])\b/i.test(html);
            }

            /** Same as HtmlDisplay::decodeEntities — undo &amp; / &amp;amp; / &nbsp; for Ctrl+P print surfaces. */
            function wpDecodeHtmlEntities(value) {
                var current = String(value == null ? '' : value);
                var i;
                for (i = 0; i < 8; i++) {
                    var el = document.createElement('textarea');
                    el.innerHTML = current;
                    if (el.value === current) {
                        break;
                    }
                    current = el.value;
                }
                return current.replace(/&nbsp;/gi, ' ').replace(/\u00a0/g, ' ');
            }

            function wpApplyPrintSurfaceContent(target, textarea) {
                if (!target || !textarea) return;
                var html = '';
                if (window.wpSummernote && typeof window.wpSummernote.getPrintHtml === 'function'
                    && textarea.classList.contains('wp-objectives-summernote')) {
                    html = window.wpSummernote.getPrintHtml(textarea);
                } else if (window.wpRichText && typeof window.wpRichText.getPrintHtml === 'function') {
                    html = window.wpRichText.getPrintHtml(textarea);
                } else {
                    html = textarea.value || '';
                }
                if (wpPrintHtmlLooksRich(html)) {
                    target.innerHTML = html;
                    target.style.whiteSpace = 'normal';
                } else {
                    target.textContent = wpDecodeHtmlEntities(textarea.value || html || '');
                    target.style.whiteSpace = 'pre-wrap';
                }
            }

            function wpFindPrintTextSurface(textarea) {
                if (!textarea) return null;
                var wrap = textarea.closest('.wp-objectives-brief-wrap');
                if (wrap) {
                    var inWrap = wrap.querySelector('.wp-print-text-surface');
                    if (inWrap) {
                        return inWrap;
                    }
                }
                var sibling = textarea.nextElementSibling;
                if (sibling && sibling.classList.contains('wp-print-text-surface')) {
                    return sibling;
                }

                return null;
            }

            function wpEnsurePrintTextSurface(textarea) {
                if (!textarea || !textarea.parentNode) return null;
                var surface = wpFindPrintTextSurface(textarea);
                if (!surface) {
                    surface = document.createElement('div');
                    surface.className = 'wp-print-text-surface';
                    surface.setAttribute('aria-hidden', 'true');
                    textarea.parentNode.insertBefore(surface, textarea.nextSibling);
                }
                wpApplyPrintSurfaceContent(surface, textarea);
                return surface;
            }

            function wpSyncObjectivesPrintCells(form) {
                form.querySelectorAll('.wp-objectives-brief-wrap').forEach(function (wrap) {
                    var textarea = wrap.querySelector('textarea.wp-objectives-brief-field');
                    var printCell = wrap.querySelector('.wp-objectives-brief-printcell');
                    if (!textarea) {
                        return;
                    }
                    if (printCell) {
                        wpApplyPrintSurfaceContent(printCell, textarea);
                    } else {
                        wpEnsurePrintTextSurface(textarea);
                    }
                    wrap.querySelectorAll('.note-editor').forEach(function (editor) {
                        editor.style.display = 'none';
                    });
                });
            }

            function wpSyncPrintLayoutBeforePrint() {
                var form = document.getElementById('wp-form');
                if (!form) return;

                if (window.wpRichText && typeof window.wpRichText.syncAll === 'function') {
                    window.wpRichText.syncAll(form);
                }
                if (window.wpSummernote && typeof window.wpSummernote.syncAll === 'function') {
                    window.wpSummernote.syncAll(form);
                }

                wpSyncObjectivesPrintCells(form);

                form.querySelectorAll('.prepwp-scrollcell, .pdwpwp-scrollcell, .ddwpwp-scrollcell').forEach(function (cell) {
                    cell.style.maxHeight = 'none';
                    cell.style.minHeight = '0';
                    cell.style.height = 'auto';
                    cell.style.overflow = 'visible';
                    cell.classList.remove('is-scrollable');

                    var ta = cell.querySelector('textarea');
                    var pc = cell.querySelector('.prepwp-printcell, .pdwpwp-printcell, .ddwpwp-printcell');
                    if (ta && pc) {
                        wpApplyPrintSurfaceContent(pc, ta);
                        pc.style.display = 'block';
                        pc.style.overflow = 'visible';
                        pc.style.height = 'auto';
                        pc.style.maxHeight = 'none';
                    }
                });

                form.querySelectorAll('textarea').forEach(function (ta) {
                    if (ta.classList.contains('d-none') || ta.classList.contains('wp-pc-objectives-source')) {
                        return;
                    }
                    if (ta.classList.contains('wp-objectives-summernote') || ta.closest('.wp-objectives-brief-wrap')) {
                        return;
                    }
                    if (ta.classList.contains('wp-comment-composer-field') || ta.closest('.wp-comment-composer') || ta.closest('.no-print')) {
                        return;
                    }
                    if (ta.classList.contains('prepwp-noautosize') || ta.classList.contains('pdwpwp-noautosize') || ta.classList.contains('ddwpwp-noautosize')) {
                        return;
                    }
                    wpEnsurePrintTextSurface(ta);
                });
            }

            window.addEventListener('beforeprint', wpSyncPrintLayoutBeforePrint);
            if (window.matchMedia) {
                var mql = window.matchMedia('print');
                if (mql && typeof mql.addListener === 'function') {
                    mql.addListener(function (e) {
                        if (e.matches) wpSyncPrintLayoutBeforePrint();
                    });
                }
            }

            document.querySelectorAll('.no-print button').forEach(function (btn) {
                if (String(btn.getAttribute('onclick') || '').indexOf('print') !== -1) {
                    btn.addEventListener('click', function () {
                        wpSyncPrintLayoutBeforePrint();
                    });
                }
            });

            var wpFormEl = document.getElementById('wp-form');
            if (wpFormEl && wpFormEl.classList.contains('wp-document-mode')) {
                wpSyncPrintLayoutBeforePrint();
            }
        })();

        (function () {
            var fillLabel = @json(__('Fill with Agent'));

            function wpStripHtmlToPlain(html) {
                if (!html) return '';
                var d = document.createElement('div');
                d.innerHTML = String(html);
                return (d.textContent || d.innerText || '').replace(/\u00a0/g, ' ').replace(/\s+/g, ' ').trim();
            }

            function wpGetProjectTitle(form) {
                if (!form) return '';
                var selectors = [
                    'textarea[name="data[project_title]"]',
                    'input[name="data[project_title]"]'
                ];
                for (var i = 0; i < selectors.length; i++) {
                    var el = form.querySelector(selectors[i]);
                    if (!el) continue;
                    var val = String(el.value || '').trim();
                    if (val) return wpStripHtmlToPlain(val);
                }
                return '';
            }

            function wpGetPcObjectivesSource(wrap) {
                if (!wrap) return '';
                var src = wrap.querySelector('.wp-pc-objectives-source');
                if (!src) return '';
                return wpStripHtmlToPlain(src.value || src.textContent || '');
            }

            async function wpHandleObjectivesAiClick(button) {
                var wrap = button.closest('.wp-objectives-brief-wrap');
                var textareaId = button.getAttribute('data-textarea-id');
                var textarea = textareaId ? document.getElementById(textareaId) : (wrap ? wrap.querySelector('.wp-objectives-brief-field') : null);
                var form = document.getElementById('wp-form');
                var heading = String(button.getAttribute('data-heading') || 'Project\'s Objectives and Brief Description').trim();
                var pcSource = wpGetPcObjectivesSource(wrap);
                var schemeName = wpGetProjectTitle(form);

                if (!textarea) {
                    alert('Could not find the objectives field.');
                    return;
                }
                if (!pcSource) {
                    alert('No project objectives were found on the linked PC form. Complete PC-I objectives first, then try again.');
                    return;
                }

                var filledSnapshot = [{
                    label: 'Project objectives and brief description (from PC-I, reference only — paraphrase for the working paper)',
                    name: 'pc_objectives_brief_source',
                    value: pcSource.length > 8000 ? pcSource.slice(0, 8000) + '…' : pcSource
                }];

                var btnLabel = button.querySelector('.textarea-ai-trigger-label');
                var originalLabel = btnLabel ? btnLabel.textContent : '';
                button.disabled = true;
                if (btnLabel) btnLabel.textContent = 'Generating…';

                try {
                    var csrfMeta = document.querySelector('meta[name="csrf-token"]');
                    var csrfToken = csrfMeta ? csrfMeta.getAttribute('content') : '';
                    var response = await fetch(@json(route('ai.generate-field-content')), {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'Accept': 'application/json',
                            'X-CSRF-TOKEN': csrfToken
                        },
                        body: JSON.stringify({
                            schemeName: schemeName || 'Working paper project',
                            heading: heading,
                            sectionTitle: 'Working Paper',
                            filledSnapshot: filledSnapshot
                        })
                    });

                    var payload = await response.json().catch(function () { return null; });
                    if (!response.ok || !payload || typeof payload.content !== 'string') {
                        var serverMsg = payload && payload.message ? String(payload.message) : '';
                        if (response.status === 429) {
                            throw new Error(serverMsg || 'AI rate limit exceeded. Please wait a few seconds and try again.');
                        }
                        throw new Error(serverMsg || 'Unable to generate content.');
                    }

                    if (window.wpSummernote && typeof window.wpSummernote.setContent === 'function') {
                        window.wpSummernote.setContent(textarea, payload.content);
                    } else {
                        textarea.value = payload.content;
                        if (window.wpRichText && typeof window.wpRichText.syncFromTextarea === 'function') {
                            window.wpRichText.syncFromTextarea(textarea);
                        }
                    }
                    textarea.dispatchEvent(new Event('input', { bubbles: true }));
                    textarea.dispatchEvent(new Event('change', { bubbles: true }));
                } catch (error) {
                    alert(error && error.message ? error.message : 'Failed to generate AI content.');
                } finally {
                    button.disabled = false;
                    if (btnLabel) btnLabel.textContent = originalLabel || fillLabel;
                }
            }

            document.addEventListener('click', function (e) {
                var btn = e.target.closest('.wp-objectives-ai-trigger');
                if (!btn || !document.getElementById('wp-form')) return;
                e.preventDefault();
                wpHandleObjectivesAiClick(btn);
            });
        })();
    </script>
    @include('working-papers.partials.pdf-embed-scripts')
@endpush