@props([
    'label',
    'name',
    'value' => '',
    'required' => false,
    'editor' => false,
    'aiAssist' => false,
    'attachments' => false,
    'attachmentsName' => 'attachments[]',
    'attachmentsAccept' => '.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx',
    'attachmentsHint' => 'Allowed: PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX. Max 5MB per file.',
    'info' => '',
])

@php
    $maxAttachmentSizeBytes = 5 * 1024 * 1024;
    // Always fall back to $name so fields like financial_benefits get a stable id for AI / Summernote hooks.
    $textareaId = $attributes->get('id') ?? $name;
    $useEditor = filter_var($editor, FILTER_VALIDATE_BOOLEAN);
    $aiAssistOn = filter_var($aiAssist, FILTER_VALIDATE_BOOLEAN);
    // Use truthy check, not has(): :readonly="false" still leaves the key in the bag and would hide AI incorrectly.
    $aiFieldLocked = filter_var($attributes->get('readonly'), FILTER_VALIDATE_BOOLEAN)
        || filter_var($attributes->get('disabled'), FILTER_VALIDATE_BOOLEAN);
    $aiModalId = 'textarea-ai-modal-' . preg_replace('/[^a-zA-Z0-9_-]/', '-', $textareaId);
    $aiPromptInputId = $aiModalId . '-prompt';
    $textareaClass = 'form-control' . ($errors->has($name) ? ' is-invalid' : '') . ($useEditor ? ' textarea' : '');
    $showAttachments = filter_var($attachments, FILTER_VALIDATE_BOOLEAN);
    $attachmentsInputId = 'attachments-' . preg_replace('/[^a-zA-Z0-9_-]/', '-', $name);
    $attachmentsListId = 'fileList-' . preg_replace('/[^a-zA-Z0-9_-]/', '-', $name);
    $annexuresName = str_replace(['_attachments[]', '[attachments][]'], ['_annexures[]', '[annexures][]'], $attachmentsName);
    $annexureAccept = '.jpg,.jpeg,.png';
    $annexureContainerId = 'annexure-container-' . preg_replace('/[^a-zA-Z0-9_-]/', '-', $name);
    $annexureInputId = 'annexure-' . preg_replace('/[^a-zA-Z0-9_-]/', '-', $name);
    $annexureListId = 'fileList-annexures-' . preg_replace('/[^a-zA-Z0-9_-]/', '-', $name);
@endphp

<div class="form-group form-group-textarea-wrap">
    <label for="{{ $textareaId }}" class="d-flex align-items-center">
        <span>{{ $label }} @if($required)<span class="text-danger">*</span>@endif</span>
        @if($info !== '')
            <span class="textarea-info-icon ml-1" role="button" tabindex="0" data-toggle="popover" data-trigger="focus" data-placement="top" data-content="{{ e($info) }}" title="{{ __('Info') }}" aria-label="{{ __('Info') }}"><i class="fas fa-info-circle" style="cursor: pointer; font-size: 0.9rem;"></i></span>
        @endif
    </label>
    @if($aiAssistOn && !$aiFieldLocked)
        <div class="textarea-ai-inner position-relative">
            <textarea name="{{ $name }}" id="{{ $textareaId }}" {{ $required ? 'required' : '' }} {{ $attributes->merge(['class' => $textareaClass]) }} rows="5" placeholder="Enter ...">{{ old($name, $value) }}</textarea>
            <button type="button"
                    class="btn textarea-ai-trigger"
                    data-textarea-id="{{ $textareaId }}"
                    data-heading="{{ trim(strip_tags((string) $label), " \t\n\r\0\x0B:") }}"
                    title="{{ __('AI assist') }}"
                    aria-label="{{ __('Open AI prompt') }}">
                <span class="textarea-ai-trigger-glow" aria-hidden="true"></span>
                <i class="fas fa-magic textarea-ai-trigger-icon" aria-hidden="true"></i>
                <span class="textarea-ai-trigger-label">{{ __('Fill with Agent') }}</span>
            </button>
        </div>
        <div class="modal fade textarea-ai-modal" id="{{ $aiModalId }}" tabindex="-1" role="dialog" aria-labelledby="{{ $aiModalId }}-title" aria-hidden="true" data-textarea-id="{{ $textareaId }}" data-use-editor="{{ $useEditor ? '1' : '0' }}">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content textarea-ai-modal-content">
                    <div class="modal-header textarea-ai-modal-header border-0 pb-0">
                        <div class="d-flex align-items-center">
                            <span class="textarea-ai-modal-badge mr-2" aria-hidden="true"><i class="fas fa-magic"></i></span>
                            <div>
                                <h5 class="modal-title mb-0" id="{{ $aiModalId }}-title">{{ __('AI assist') }}</h5>
                                <p class="small text-muted mb-0 textarea-ai-modal-subtitle">{{ __('Describe what you want written in this field.') }}</p>
                            </div>
                        </div>
                        <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body pt-2">
                        <!-- <label for="{{ $aiPromptInputId }}" class="font-weight-bold">{{ __('Your prompt') }}</label>
                        <textarea id="{{ $aiPromptInputId }}" class="form-control textarea-ai-prompt-input" rows="5" placeholder="{{ __('e.g. Summarize the project scope in three short paragraphs…') }}"></textarea> -->
                            <p class="alert alert-warning mt-4"><i class="fas fa-exclamation-triangle mr-1"></i> Not enough data to generate a response.</p>
                    </div>
                    <div class="modal-footer border-0 pt-0">
                        <!-- <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">{{ __('Cancel') }}</button>
                        <button type="button" class="btn textarea-ai-submit-btn">
                            <i class="fas fa-paper-plane mr-1" aria-hidden="true"></i>{{ __('Submit prompt') }}
                        </button> -->
                    </div>
                </div>
            </div>
        </div>
    @else
        <textarea name="{{ $name }}" id="{{ $textareaId }}" {{ $required ? 'required' : '' }} {{ $attributes->merge(['class' => $textareaClass]) }} rows="5" placeholder="Enter ...">{{ old($name, $value) }}</textarea>
    @endif
    @error($name)
        <span class="invalid-feedback d-block">{{ $message }}</span>
    @enderror

    @if($showAttachments)
        <div class="mt-3 pt-3 border-top">
            <label for="{{ $attachmentsInputId }}" class="d-block mb-1">
                <i class="fas fa-paperclip"></i> Attached documents
            </label>
            <input type="file"
                   name="{{ $attachmentsName }}"
                   id="{{ $attachmentsInputId }}"
                   class="{{ $errors->has(preg_replace('/\[\]$/', '.*', $attachmentsName)) ? 'is-invalid' : '' }}"
                   multiple
                   accept="{{ $attachmentsAccept }}"
                   data-max-size-bytes="{{ $maxAttachmentSizeBytes }}">
            @if($attachmentsHint)
                <small class="form-text text-muted">{{ $attachmentsHint }}</small>
            @endif
            @error(preg_replace('/\[\]$/', '.*', $attachmentsName))
                <span class="invalid-feedback d-block">{{ $message }}</span>
            @enderror
            <div id="{{ $attachmentsListId }}" class="mt-2 mb-2"></div>

            <div id="{{ $annexureListId }}" class="mt-2 mb-2"></div>
            <div id="{{ $annexureContainerId }}" class="textarea-annexure-container mt-3" data-annexures-name="{{ e($annexuresName) }}" data-annexure-accept="{{ e($annexureAccept) }}" data-max-size-bytes="{{ $maxAttachmentSizeBytes }}">
                <div class="annexure-rows">
                    <div class="annexure-row mb-3" data-annexure-num="1">
                        <div class="d-flex align-items-center flex-wrap gap-2 mb-1">
                            <label class="mb-0 mr-2 annexure-label">Add Annexure 1</label>
                            <input type="file" class="annexure-file-input" id="{{ $annexureInputId }}" name="{{ $annexuresName }}" accept="{{ $annexureAccept }}" data-max-size-bytes="{{ $maxAttachmentSizeBytes }}">
                            <button type="button" class="btn btn-sm btn-outline-danger annexure-less-btn" title="Remove this annexure"><i class="fas fa-minus mr-1"></i> Less</button>
                        </div>
                        <div class="annexure-row-existing small text-muted"></div>
                    </div>
                </div>
                <button type="button" class="btn btn-sm btn-outline-success annexure-more-btn"><i class="fas fa-plus mr-1"></i> Add Annexure</button>
            </div>
        </div>
    @endif
</div>
@once
@push('stylesheets')
<style>
    /* Textarea info popover – light mode */
    .popover.textarea-info-popover {
        max-width: 320px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
    .popover.textarea-info-popover .popover-header {
        background-color: #f8f9fa;
        border-bottom: 1px solid #dee2e6;
        color: #212529;
        font-weight: 600;
        padding: 0.5rem 0.75rem;
    }
    .popover.textarea-info-popover .popover-body {
        padding: 0.6rem 0.75rem;
        color: #495057;
        font-size: 0.875rem;
        line-height: 1.45;
    }
    .popover.textarea-info-popover .arrow::before {
        border-top-color: rgba(0, 0, 0, 0.1);
    }
    .popover.textarea-info-popover .arrow::after {
        border-top-color: #fff;
    }
    /* Textarea info popover – dark mode */
    .dark-mode .popover.textarea-info-popover {
        background-color: #3d444b;
        border-color: #495057;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }
    .dark-mode .popover.textarea-info-popover .popover-header {
        background-color: #2d3238;
        border-bottom-color: #495057;
        color: #e9ecef;
    }
    .dark-mode .popover.textarea-info-popover .popover-body {
        color: #dee2e6;
        background-color: #3d444b;
    }
    .dark-mode .popover.textarea-info-popover .arrow::before {
        border-top-color: #495057;
    }
    .dark-mode .popover.textarea-info-popover .arrow::after {
        border-top-color: #3d444b;
    }
    /* Light mode: default. Dark mode: dark background, light text */
    .dark-mode .form-group-textarea-wrap textarea.form-control {
        background-color: #454d55;
        color: #e0e0e0;
        border-color: #6c757d;
    }
    .dark-mode .form-group-textarea-wrap textarea.form-control::placeholder {
        color: rgba(255,255,255,0.5);
    }
    /*
     * Summernote: plugin CSS loads after this stack and .dark-mode .card sets color:#fff.
     * Light editable chrome + inherited white text = invisible copy. Force editor surfaces
     * and use inherit + !important so pasted inline colors cannot wash out body text.
     */
    body:not(.dark-mode) .note-editor.note-frame .note-editing-area,
    body:not(.dark-mode) .note-editor .note-editing-area {
        background-color: #f9f9f9 !important;
    }
    body:not(.dark-mode) .note-editor.note-frame .note-editable,
    body:not(.dark-mode) .note-editor .note-editable {
        background-color: #f9f9f9 !important;
        color: #212529 !important;
    }
    body:not(.dark-mode) .note-editor .note-editable * {
        color: inherit !important;
    }
    body:not(.dark-mode) .note-editor .note-editable a {
        color: #007bff !important;
    }
    /* Summernote editor in dark mode */
    body.dark-mode .note-editor.note-frame {
        background-color: #454d55 !important;
        border-color: #6c757d;
    }
    body.dark-mode .note-editor.note-frame .note-editing-area,
    body.dark-mode .note-editor .note-editing-area {
        background-color: #454d55 !important;
    }
    body.dark-mode .note-editor .note-toolbar {
        background-color: #2d3238;
        border-bottom-color: #6c757d;
    }
    body.dark-mode .note-editor .note-toolbar .note-btn {
        color: #e9ecef;
        background-color: transparent;
        border-color: transparent;
    }
    body.dark-mode .note-editor .note-toolbar .note-btn:hover {
        background-color: #495057;
        color: #fff;
    }
    body.dark-mode .note-editor.note-frame .note-editable,
    body.dark-mode .note-editor .note-editable {
        background-color: #454d55 !important;
        color: #e9ecef !important;
    }
    body.dark-mode .note-editor .note-editable * {
        color: inherit !important;
    }
    body.dark-mode .note-editor .note-editable a {
        color: #74c0fc !important;
    }
    body.dark-mode .note-editor .note-statusbar {
        border-top-color: #6c757d;
        background-color: #3d444b;
    }
    /* AI assist: overlay control + modal (light) */
    .textarea-ai-inner {
        display: block;
    }
    /* Reserve space when AI button overlays a plain textarea (no Summernote) */
    .textarea-ai-inner:not(:has(.note-editor)) > textarea.form-control {
        padding-bottom: 2.5rem;
    }
    .textarea-ai-trigger {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 25;
        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);
        overflow: hidden;
        line-height: 1.2;
    }
    /* When our control is present, make toolbar a flex row so ml-auto aligns to the right */
    .note-editor .note-toolbar:has(.textarea-ai-toolbar-group) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.25rem;
    }
    .note-editor .note-toolbar .textarea-ai-toolbar-group {
        padding-left: 0.35rem;
        margin-left: auto;
        border-left: 1px solid rgba(0, 0, 0, 0.08);
    }
    body.dark-mode .note-editor .note-toolbar .textarea-ai-toolbar-group {
        border-left-color: rgba(255, 255, 255, 0.12);
    }
    .note-editor .note-toolbar .textarea-ai-trigger--in-toolbar {
        position: static;
        right: auto;
        bottom: auto;
        z-index: 1;
        height: 1.875rem;
        padding: 0.2rem 0.55rem;
        font-size: 0.9rem;
        font-weight: 500;
        border-radius: 0.2rem;
    }
    .textarea-ai-trigger:hover {
        color: #0c0a27;
        border-color: rgb(88 87 95 / 65%);
        box-shadow: 0 2px 8px rgba(67, 56, 202, 0.18);
    }
    .textarea-ai-trigger:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.35);
    }
    .textarea-ai-trigger-glow {
        position: absolute;
        /* inset: -30%; */
        /* background: radial-gradient(circle at 30% 40%, rgb(32 33 39 / 35%), transparent 75%); */
        pointer-events: none;
    }
    .textarea-ai-trigger-icon {
        position: relative;
        font-size: 0.8rem;
        opacity: 0.95;
    }
    .textarea-ai-trigger-label {
        position: relative;
    }
    .textarea-ai-editor-host.textarea-ai-editor-host {
        position: relative;
    }
    .textarea-ai-modal .textarea-ai-modal-content {
        border: 1px solid rgba(99, 102, 241, 0.2);
        border-radius: 0.5rem;
        box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
    }
    .textarea-ai-modal-header .close {
        margin-top: -0.25rem;
    }
    .textarea-ai-modal-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.5rem;
        background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
        color: #fff;
        font-size: 1.1rem;
        box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
    }
    .textarea-ai-modal .textarea-ai-prompt-input {
        border-radius: 0.375rem;
        min-height: 120px;
    }
    .textarea-ai-modal .textarea-ai-submit-btn {
        background: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);
        border: none;
        color: #fff;
    }
    .textarea-ai-modal .textarea-ai-submit-btn:hover {
        color: #fff;
        filter: brightness(1.05);
    }
    /* AI assist — dark mode */
    .dark-mode .textarea-ai-trigger {
        background: linear-gradient(145deg, #2e3354 0%, #252a45 100%);
        border-color: rgba(129, 140, 248, 0.45);
        color: #c7d2fe;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    }
    .dark-mode .textarea-ai-trigger:hover {
        color: #e0e7ff;
        border-color: rgba(165, 180, 252, 0.55);
    }
    body.dark-mode .note-editor .note-toolbar .textarea-ai-trigger--in-toolbar {
        background: linear-gradient(145deg, #2e3354 0%, #252a45 100%);
        border-color: rgba(129, 140, 248, 0.45);
        color: #c7d2fe;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    }
    body.dark-mode .note-editor .note-toolbar .textarea-ai-trigger--in-toolbar:hover {
        color: #e0e7ff;
        border-color: rgba(165, 180, 252, 0.55);
    }
    .dark-mode .textarea-ai-modal .textarea-ai-modal-content {
        background-color: #343a40;
        border-color: #495057;
        color: #e9ecef;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    }
    .dark-mode .textarea-ai-modal .modal-header .close {
        color: #e9ecef;
        text-shadow: none;
        opacity: 0.85;
    }
    .dark-mode .textarea-ai-modal .textarea-ai-modal-subtitle {
        color: #adb5bd !important;
    }
    .dark-mode .textarea-ai-modal .textarea-ai-prompt-input {
        background-color: #454d55;
        border-color: #6c757d;
        color: #e9ecef;
    }
    .dark-mode .textarea-ai-modal .textarea-ai-prompt-input::placeholder {
        color: rgba(255, 255, 255, 0.45);
    }
    .dark-mode .textarea-ai-modal .modal-footer .btn-outline-secondary {
        color: #dee2e6;
        border-color: #6c757d;
    }
    .dark-mode .textarea-ai-modal .modal-footer .btn-outline-secondary:hover {
        background-color: #495057;
        color: #fff;
    }
    /* Summernote fullscreen — cover viewport; JS moves editor to body to escape overflow:hidden parents */
    .note-editor.note-frame.fullscreen,
    .note-editor.note-airframe.fullscreen {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100vh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        z-index: 10700 !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff;
    }
    body.dark-mode .note-editor.note-frame.fullscreen,
    body.dark-mode .note-editor.note-airframe.fullscreen {
        background: #343a40;
    }
    .note-editor.note-frame.fullscreen .note-toolbar,
    .note-editor.note-airframe.fullscreen .note-toolbar {
        flex: 0 0 auto;
    }
    .note-editor.note-frame.fullscreen .note-editing-area,
    .note-editor.note-airframe.fullscreen .note-editing-area {
        flex: 1 1 auto !important;
        overflow: hidden !important;
        height: auto !important;
    }
    .note-editor.note-frame.fullscreen .note-editing-area .note-editable,
    .note-editor.note-airframe.fullscreen .note-editing-area .note-editable {
        height: 100% !important;
        min-height: 0 !important;
    }
    .note-editor.note-frame.fullscreen .note-statusbar,
    .note-editor.note-airframe.fullscreen .note-statusbar {
        flex: 0 0 auto;
    }
    body.pms-summernote-fullscreen-active {
        overflow: hidden !important;
    }
</style>
@endpush
@push('scripts')
<script>
(function() {
    // Single source of truth for Summernote (used by layout and by dynamic inits e.g. PC form)
    window.summernoteDefaultOptions = {
        placeholder: 'Enter ...',
        height: 250,
        followingToolbar: false,
        fontNames: [],
        defaultFontName: 'Arial',
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link', 'picture']],
            ['view', ['fullscreen', 'codeview', 'help']]
        ]
    };

    if (typeof $ !== 'undefined' && $.fn.popover) {
        $(function() {
            var popoverTemplate = '<div class="popover textarea-info-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>';
            $('.textarea-info-icon[data-toggle="popover"]').popover({
                trigger: 'focus',
                html: false,
                template: popoverTemplate
            });
        });
    }

    function placeTextareaAiButtons() {
        document.querySelectorAll('.textarea-ai-inner').forEach(function(wrap) {
            var btn = wrap.querySelector('.textarea-ai-trigger');
            var editor = wrap.querySelector('.note-editor.note-frame');
            if (!btn || !editor) return;
            var toolbar = editor.querySelector('.note-toolbar');
            if (!toolbar) return;
            if (btn.closest('.note-toolbar') === toolbar) return;

            var existingGroup = toolbar.querySelector('.textarea-ai-toolbar-group');
            if (existingGroup && !existingGroup.contains(btn)) {
                existingGroup.remove();
            }

            editor.classList.add('textarea-ai-editor-host');
            btn.classList.add('textarea-ai-trigger--in-toolbar');

            var group = document.createElement('div');
            group.className = 'note-btn-group ml-auto d-flex align-items-center textarea-ai-toolbar-group';
            group.setAttribute('role', 'group');
            group.setAttribute('aria-label', 'AI assist');
            group.appendChild(btn);
            toolbar.appendChild(group);
        });
    }
    window.placeTextareaAiButtons = placeTextareaAiButtons;
    (function patchSummernoteDefaultOptionsForAiToolbar() {
        var opts = window.summernoteDefaultOptions;
        if (!opts || typeof opts !== 'object') return;
        opts.callbacks = opts.callbacks || {};
        var prevOnInit = opts.callbacks.onInit;
        opts.callbacks.onInit = function () {
            if (typeof prevOnInit === 'function') {
                prevOnInit.apply(this, arguments);
            }
            if (typeof window.placeTextareaAiButtons === 'function') {
                window.placeTextareaAiButtons();
            }
        };
    })();
    if (typeof $ !== 'undefined') {
        $(function() {
            setTimeout(placeTextareaAiButtons, 0);
            setTimeout(placeTextareaAiButtons, 150);
        });
    }

    function schemeLabelFromProjectDetails(projectId) {
        if (!projectId || typeof window.projectDetails === 'undefined' || !window.projectDetails) return '';
        var pd = window.projectDetails[projectId] || window.projectDetails[String(projectId)];
        if (!pd) return '';
        return String(pd.scheme || pd.name || '').trim();
    }

    function getSchemeName(formEl) {
        if (!formEl) return '';
        var selectors = [
            'input[name="schemeName"]',
            'input[name="scheme_name"]',
            'input[name="scheme"]',
            'input[name="project_name"]',
            'select[name="project_id"]'
        ];

        for (var i = 0; i < selectors.length; i++) {
            var el = formEl.querySelector(selectors[i]);
            if (!el) continue;

            if (el.tagName && el.tagName.toLowerCase() === 'select') {
                var pid = String(el.value || '').trim();
                if (pid) {
                    var fromDetails = schemeLabelFromProjectDetails(pid);
                    if (fromDetails) return fromDetails;
                }
                var selected = el.options && el.selectedIndex >= 0 ? el.options[el.selectedIndex] : null;
                var text = selected ? String(selected.text || '').trim() : '';
                if (text && !/^select/i.test(text)) return text;
            } else {
                var value = String(el.value || '').trim();
                if (value) return value;
            }
        }

        var lockedHidden = formEl.querySelector('input#pci-locked-project-id-hidden[name="project_id"]');
        if (lockedHidden) {
            var lockedPid = String(lockedHidden.value || '').trim();
            var lockedLabel = schemeLabelFromProjectDetails(lockedPid);
            if (lockedLabel) return lockedLabel;
        }

        return '';
    }

    function getHeadingFromButton(button) {
        if (!button) return '';
        var heading = String(button.getAttribute('data-heading') || '').trim();
        if (heading) return heading;

        var group = button.closest('.form-group-textarea-wrap');
        var label = group ? group.querySelector('label span') : null;
        if (!label) return '';
        return String(label.textContent || '').replace(/\*/g, '').trim();
    }

    function humanizeFieldName(name) {
        if (!name) return '';
        return String(name)
            .replace(/\[\]/g, '')
            .replace(/\[(\d+)\]/g, ' $1 ')
            .replace(/_/g, ' ')
            .replace(/\s+/g, ' ')
            .trim();
    }

    function labelForFormControl(form, el) {
        if (!form || !el) return '';
        if (el.id) {
            var esc = String(el.id).replace(/\\/g, '\\\\').replace(/"/g, '\\"');
            var lab = form.querySelector('label[for="' + esc + '"]');
            if (lab) {
                var clone = lab.cloneNode(true);
                var strip = clone.querySelectorAll('.textarea-info-icon, button, .btn');
                for (var s = 0; s < strip.length; s++) strip[s].remove();
                var t = (clone.textContent || '').replace(/\s+/g, ' ').trim().replace(/\*\s*$/, '').trim();
                if (t) return t;
            }
        }
        var grp = el.closest('.form-group');
        if (grp) {
            var l = grp.querySelector('label');
            if (l) {
                var c2 = l.cloneNode(true);
                var st2 = c2.querySelectorAll('.textarea-info-icon, button, .btn');
                for (var j = 0; j < st2.length; j++) st2[j].remove();
                var t2 = (c2.textContent || '').replace(/\s+/g, ' ').trim().replace(/\*\s*$/, '').trim();
                if (t2) return t2;
            }
        }
        return humanizeFieldName(el.name || el.id || '');
    }

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

    /** Wizard step + subsection titles (PC-I form), when present in the DOM. */
    function getSectionTitleFromButton(button) {
        if (!button) return '';
        var parts = [];
        var page = button.closest('.pci-page');
        if (page) {
            var st = page.getAttribute('data-pci-step-title') || (page.dataset && page.dataset.pciStepTitle);
            if (st && String(st).trim()) parts.push(String(st).trim());
        }
        var wrap = button.closest('.pci-gi-wrap');
        if (wrap) {
            var bar = wrap.querySelector(':scope > button.pci-gi-bar .pci-gi-bar-title, :scope > button.pci-gi-bar .pci-gi-bar-title-plain');
            if (!bar) {
                bar = wrap.querySelector('.pci-gi-bar .pci-gi-bar-title, .pci-gi-bar .pci-gi-bar-title-plain');
            }
            if (bar) {
                var sub = String(bar.textContent || '').replace(/\s+/g, ' ').trim();
                if (sub && parts.indexOf(sub) === -1) parts.push(sub);
            }
        }
        return parts.join(' › ');
    }

    /**
     * Collect non-empty inputs/selects/textareas in document order (excluding the target rich field).
     * @returns {Array<{label: string, name: string, value: string}>}
     */
    function collectFilledFormSnapshot(form, targetTextarea) {
        var out = [];
        if (!form) return out;
        var maxEntries = 180;
        var maxValLen = 3500;
        var excludeId = targetTextarea && targetTextarea.id ? String(targetTextarea.id) : '';
        var excludeName = targetTextarea && targetTextarea.name ? String(targetTextarea.name) : '';
        var seen = {};

        var precFlag = typeof Node !== 'undefined' ? Node.DOCUMENT_POSITION_PRECEDING : 2;
        var restrictToPreceding = (form.id === 'pciForm' || form.id === 'pcnForm') && targetTextarea;

        var fields = form.querySelectorAll('input, select, textarea');
        for (var i = 0; i < fields.length; i++) {
            if (out.length >= maxEntries) break;
            var el = fields[i];
            if (!el.name) continue;
            if (el.closest('.textarea-ai-modal')) continue;
            if (restrictToPreceding) {
                var pos = targetTextarea.compareDocumentPosition(el);
                if (!(pos & precFlag)) continue;
            }

            var type = (el.type || '').toLowerCase();
            if (type === 'hidden' || type === 'file' || type === 'button' || type === 'submit' || type === 'reset' || type === 'image' || type === 'password') continue;
            if (el.name === '_token' || el.name === '_method') continue;
            if (targetTextarea && el === targetTextarea) continue;
            if (excludeId && el.id === excludeId) continue;
            if (excludeName && el.name === excludeName) continue;

            if (type === 'checkbox' || type === 'radio') {
                if (!el.checked) continue;
                var cv = (el.value && el.value !== 'on') ? String(el.value).trim() : 'Yes';
                var labC = labelForFormControl(form, el);
                var keyC = (el.name || '') + '|' + labC;
                if (seen[keyC]) continue;
                seen[keyC] = 1;
                if (cv.length > maxValLen) cv = cv.slice(0, maxValLen) + '…';
                out.push({ label: labC || humanizeFieldName(el.name), name: el.name || '', value: cv });
                continue;
            }

            var rawVal = '';
            if (el.tagName === 'TEXTAREA') {
                if (typeof $ !== 'undefined' && $(el).data('summernote')) {
                    rawVal = stripHtmlToPlain($(el).summernote('code') || '');
                } else {
                    rawVal = String(el.value || '').trim();
                }
            } else if (el.tagName === 'SELECT') {
                var opt = el.options && el.selectedIndex >= 0 ? el.options[el.selectedIndex] : null;
                rawVal = opt ? String(opt.text || opt.value || '').trim() : '';
                if (!rawVal || /^select\b/i.test(rawVal)) continue;
            } else {
                rawVal = String(el.value || '').trim();
            }
            if (!rawVal) continue;

            if (rawVal.length > maxValLen) rawVal = rawVal.slice(0, maxValLen) + '…';
            var label = labelForFormControl(form, el);
            out.push({ label: label || humanizeFieldName(el.name), name: el.name || '', value: rawVal });
        }
        return out;
    }

    function setTextareaContent(textarea, content) {
        if (!textarea) return;

        if (typeof $ !== 'undefined') {
            var $textarea = $(textarea);
            if ($textarea.data('summernote')) {
                var html = String(content || '').replace(/\n/g, '<br>');
                $textarea.summernote('code', html);
                return;
            }
        }

        textarea.value = content || '';
        textarea.dispatchEvent(new Event('input', { bubbles: true }));
        textarea.dispatchEvent(new Event('change', { bubbles: true }));
    }

    var pciFillAgentDefaultLabel = @json(__('Fill with Agent'));

    window.pmsTextareaAiGeneratingCount = window.pmsTextareaAiGeneratingCount || 0;

    function pmsNotifyTextareaAiGeneratingChanged() {
        if (typeof window.pciUpdateStepValidationState === 'function') {
            window.pciUpdateStepValidationState();
        }
        if (typeof window.pcnUpdateNavAiLock === 'function') {
            window.pcnUpdateNavAiLock();
        }
        window.dispatchEvent(new CustomEvent('pms-textarea-ai-generating-changed', {
            detail: {
                count: window.pmsTextareaAiGeneratingCount,
                active: window.pmsTextareaAiGeneratingCount > 0
            }
        }));
    }

    window.pmsTextareaAiGeneratingBegin = function () {
        window.pmsTextareaAiGeneratingCount = (window.pmsTextareaAiGeneratingCount || 0) + 1;
        pmsNotifyTextareaAiGeneratingChanged();
    };

    window.pmsTextareaAiGeneratingEnd = function () {
        window.pmsTextareaAiGeneratingCount = Math.max(0, (window.pmsTextareaAiGeneratingCount || 0) - 1);
        pmsNotifyTextareaAiGeneratingChanged();
    };

    window.pmsTextareaAiIsGenerating = function () {
        return (window.pmsTextareaAiGeneratingCount || 0) > 0;
    };

    async function handleFillWithAiClick(button) {
        var textareaId = button.getAttribute('data-textarea-id');
        var textarea = textareaId ? document.getElementById(textareaId) : null;
        if (!textarea) {
            var wrap = button.closest('.form-group-textarea-wrap');
            if (wrap) {
                textarea = wrap.querySelector('textarea');
            }
        }
        var form = textarea && textarea.closest ? textarea.closest('form') : null;
        if (!form) {
            form = button.closest('form');
        }
        if (!form) {
            form = document.getElementById('pciForm') || document.getElementById('pcnForm');
        }
        var heading = getHeadingFromButton(button);
        var schemeName = getSchemeName(form);
        var sectionTitle = getSectionTitleFromButton(button);
        var filledSnapshot = collectFilledFormSnapshot(form, textarea);

        if (!textarea || !heading) {
            alert('Not enough data to provide a precise answer.');
            return;
        }
        if (!schemeName && filledSnapshot.length === 0) {
            alert('Select a scheme (or project) first, or enter content in other fields so the assistant has context.');
            return;
        }
        var schemeForApi = schemeName || 'Not specified (infer only from the other form fields below).';

        var btnLabel = button.querySelector('.textarea-ai-trigger-label');
        var originalLabel = btnLabel ? btnLabel.textContent : '';
        button.disabled = true;
        if (btnLabel) btnLabel.textContent = 'Generating...';
        if (typeof window.pmsTextareaAiGeneratingBegin === 'function') {
            window.pmsTextareaAiGeneratingBegin();
        }

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

            var payload = await response.json();
            if (!response.ok || !payload || typeof payload.content !== 'string') {
                throw new Error(payload && payload.message ? payload.message : 'Unable to generate content.');
            }

            setTextareaContent(textarea, payload.content);
        } catch (error) {
            alert(error && error.message ? error.message : 'Failed to generate AI content.');
        } finally {
            if (typeof window.pmsTextareaAiGeneratingEnd === 'function') {
                window.pmsTextareaAiGeneratingEnd();
            }
            button.disabled = false;
            if (btnLabel) btnLabel.textContent = originalLabel || pciFillAgentDefaultLabel;
        }
    }

    document.addEventListener('click', function(e) {
        var triggerBtn = e.target.closest('.textarea-ai-trigger');
        if (!triggerBtn) return;
        e.preventDefault();
        handleFillWithAiClick(triggerBtn);
    });

    document.addEventListener('click', function(e) {
        var submitBtn = e.target.closest('.textarea-ai-submit-btn');
        if (!submitBtn) return;
        var modalEl = submitBtn.closest('.textarea-ai-modal');
        if (!modalEl) return;
        e.preventDefault();
        var promptEl = modalEl.querySelector('.textarea-ai-prompt-input');
        var prompt = (promptEl && promptEl.value) ? promptEl.value.trim() : '';
        if (!prompt) return;
        var textareaId = modalEl.getAttribute('data-textarea-id');
        var useEditor = modalEl.getAttribute('data-use-editor') === '1';
        window.dispatchEvent(new CustomEvent('textarea-ai-prompt-submit', {
            detail: { textareaId: textareaId, prompt: prompt, editor: useEditor }
        }));
        if (promptEl) promptEl.value = '';
        if (typeof $ !== 'undefined' && $.fn.modal) {
            $(modalEl).modal('hide');
        }
    });

    if (typeof $ !== 'undefined') {
        $(document).on('shown.bs.modal', '.textarea-ai-modal', function() {
            var input = this.querySelector('.textarea-ai-prompt-input');
            if (input) input.focus();
        });
    }
    function onAttachmentChange(input) {
        clearInputError(input);
        enforceFileRules(input);

        var listId = 'fileList-' + input.id.replace(/^attachments-/, '');
        var listEl = document.getElementById(listId);
        if (!listEl) return;

        // Keep already-rendered existing attachments (edit mode) intact,
        // and only refresh the currently selected (new) file list.
        var oldSelectedGroup = listEl.querySelector('.selected-attachment-group');
        if (oldSelectedGroup) {
            oldSelectedGroup.remove();
        }

        var files = input.files;
        if (files.length === 0) return;
        var html = '<div class="list-group selected-attachment-group mt-2">';
        for (var i = 0; i < files.length; i++) {
            var file = files[i];
            var sizeMb = (file.size / 1024 / 1024).toFixed(2);
            html += '<div class="list-group-item list-group-item-light d-flex justify-content-between align-items-center">' +
                '<span><i class="fas fa-file me-2"></i>' + file.name + ' <small class="text-muted">(' + sizeMb + ' MB)</small></span>' +
                '<button type="button" class="btn btn-xs btn-danger remove-selected-attachment" data-input-id="' + input.id + '" data-file-index="' + i + '" title="Remove"><i class="fas fa-times"></i></button>' +
                '</div>';
        }
        html += '</div>';
        listEl.insertAdjacentHTML('beforeend', html);
    }
    function setInputError(input, message) {
        if (!input) return;
        input.classList.add('is-invalid');
        var next = input.nextElementSibling;
        if (next && next.classList && next.classList.contains('js-file-input-error')) {
            next.textContent = message;
            return;
        }
        var errorEl = document.createElement('span');
        errorEl.className = 'invalid-feedback d-block js-file-input-error';
        errorEl.textContent = message;
        input.insertAdjacentElement('afterend', errorEl);
    }
    function clearInputError(input) {
        if (!input) return;
        input.classList.remove('is-invalid');
        var next = input.nextElementSibling;
        if (next && next.classList && next.classList.contains('js-file-input-error')) {
            next.remove();
        }
    }
    function fileMatchesAccept(file, acceptValue) {
        if (!acceptValue) return true;
        var tokens = acceptValue.split(',').map(function(part) {
            return (part || '').trim().toLowerCase();
        }).filter(Boolean);
        if (tokens.length === 0) return true;

        var fileName = (file && file.name ? file.name : '').toLowerCase();
        var fileType = (file && file.type ? file.type : '').toLowerCase();
        var extension = '';
        var dotIndex = fileName.lastIndexOf('.');
        if (dotIndex >= 0) extension = fileName.slice(dotIndex);

        for (var i = 0; i < tokens.length; i++) {
            var token = tokens[i];
            if (token.charAt(0) === '.') {
                if (extension === token) return true;
                continue;
            }
            if (token.indexOf('/*') > -1) {
                var prefix = token.replace('/*', '/');
                if (fileType.indexOf(prefix) === 0) return true;
                continue;
            }
            if (fileType === token) return true;
        }
        return false;
    }
    function getAllowedTypesMessage(acceptValue) {
        if (!acceptValue) return 'Please select an allowed file type.';
        var tokens = acceptValue.split(',').map(function(part) {
            return (part || '').trim().toLowerCase();
        }).filter(Boolean);
        if (tokens.length === 0) return 'Please select an allowed file type.';
        return 'Please select only: ' + tokens.join(', ') + '.';
    }
    function enforceFileRules(input) {
        if (!input || !input.files || typeof DataTransfer === 'undefined') return;
        var maxBytes = parseInt(input.getAttribute('data-max-size-bytes') || '5242880', 10);
        if (isNaN(maxBytes) || maxBytes <= 0) maxBytes = 5242880;
        var acceptValue = input.getAttribute('accept') || '';

        var dt = new DataTransfer();
        var rejectedBySize = [];
        var rejectedByType = [];
        for (var i = 0; i < input.files.length; i++) {
            var file = input.files[i];
            if (file.size > maxBytes) {
                rejectedBySize.push(file.name);
                continue;
            }
            if (!fileMatchesAccept(file, acceptValue)) {
                rejectedByType.push(file.name);
                continue;
            }
            dt.items.add(file);
        }
        if (rejectedBySize.length > 0 || rejectedByType.length > 0) {
            input.files = dt.files;
            var errorParts = [];
            if (rejectedBySize.length > 0) {
                errorParts.push('The file size must be 5MB or less.');
            }
            if (rejectedByType.length > 0) {
                errorParts.push(getAllowedTypesMessage(acceptValue));
            }
            setInputError(input, errorParts.join(' '));
        }
    }
    document.addEventListener('change', function(e) {
        if (e.target && e.target.matches && e.target.matches('.annexure-file-input')) {
            clearInputError(e.target);
            enforceFileRules(e.target);
            return;
        }
        if (e.target && e.target.matches && e.target.matches('input[id^="attachments-"]')) {
            onAttachmentChange(e.target);
            return;
        }
    });
    document.addEventListener('click', function(e) {
        var btn = e.target.closest('.remove-selected-attachment');
        if (!btn) return;
        e.preventDefault();
        var inputId = btn.getAttribute('data-input-id');
        var fileIndex = parseInt(btn.getAttribute('data-file-index'), 10);
        if (!inputId || isNaN(fileIndex)) return;
        var input = document.getElementById(inputId);
        if (!input || !input.files || typeof DataTransfer === 'undefined') return;

        var dt = new DataTransfer();
        for (var i = 0; i < input.files.length; i++) {
            if (i !== fileIndex) dt.items.add(input.files[i]);
        }
        input.files = dt.files;
        onAttachmentChange(input);
    });

    function renumberAnnexureRows(container) {
        if (!container) return;
        var rows = container.querySelectorAll('.annexure-row');
        rows.forEach(function(row, index) {
            row.setAttribute('data-annexure-num', String(index + 1));
            var label = row.querySelector('.annexure-label');
            if (label) label.textContent = 'Add Annexure ' + (index + 1);
        });
    }

    document.addEventListener('click', function(e) {
        var moreBtn = e.target.closest('.annexure-more-btn');
        if (moreBtn) {
            e.preventDefault();
            var container = moreBtn.closest('.textarea-annexure-container');
            if (!container) return;
            var rowsEl = container.querySelector('.annexure-rows');
            var name = container.getAttribute('data-annexures-name');
            var accept = container.getAttribute('data-annexure-accept') || '.jpg,.jpeg,.png';
            var maxSizeBytes = container.getAttribute('data-max-size-bytes') || '5242880';
            var count = rowsEl ? rowsEl.querySelectorAll('.annexure-row').length : 0;
            var num = count + 1;
            var containerId = container.id || '';
            var baseIdSuffix = containerId ? containerId.replace(/^annexure-container-/, '') : 'annexure';
            var baseId = 'annexure-' + baseIdSuffix + '-' + num;
            var rowHtml = '<div class="annexure-row mb-3" data-annexure-num="' + num + '">' +
                '<div class="d-flex align-items-center flex-wrap gap-2 mb-1">' +
                '<label class="mb-0 mr-2 annexure-label">Add Annexure ' + num + '</label>' +
                '<input type="file" class="annexure-file-input" id="' + baseId + '" name="' + (name || 'annexures[]') + '" accept="' + accept + '" data-max-size-bytes="' + maxSizeBytes + '">' +
                '<button type="button" class="btn btn-sm btn-outline-danger annexure-less-btn" title="Remove this annexure"><i class="fas fa-minus mr-1"></i> Less</button>' +
                '</div>' +
                '<div class="annexure-row-existing small text-muted"></div>' +
                '</div>';
            if (rowsEl) rowsEl.insertAdjacentHTML('beforeend', rowHtml);
            renumberAnnexureRows(container);
            return;
        }
        var lessBtn = e.target.closest('.annexure-less-btn');
        if (lessBtn) {
            e.preventDefault();
            var row = lessBtn.closest('.annexure-row');
            var container = row ? row.closest('.textarea-annexure-container') : null;
            if (row && container) {
                row.remove();
                renumberAnnexureRows(container);
            }
        }
    });
    function resizeSummernoteFullscreenEditable($editor) {
        if (!$editor || !$editor.length || !$editor.hasClass('fullscreen')) {
            return;
        }
        var toolbarH = $editor.find('.note-toolbar').outerHeight() || 42;
        var statusH = $editor.find('.note-statusbar:visible').outerHeight() || 20;
        $editor.find('.note-editable').css('height', Math.max(120, window.innerHeight - toolbarH - statusH));
    }
    function syncSummernoteFullscreenEditor($editor) {
        if (!$editor || !$editor.length) {
            return;
        }
        if ($editor.hasClass('fullscreen')) {
            if (!$editor.data('pms-fs-placeholder')) {
                var $placeholder = $('<span class="pms-sn-fs-placeholder d-none" aria-hidden="true"></span>');
                $editor.before($placeholder);
                $editor.data('pms-fs-placeholder', $placeholder);
                $('body').append($editor);
            }
            $('body').addClass('pms-summernote-fullscreen-active');
            resizeSummernoteFullscreenEditable($editor);
        } else {
            var $placeholder = $editor.data('pms-fs-placeholder');
            if ($placeholder && $placeholder.length) {
                $placeholder.before($editor);
                $placeholder.remove();
                $editor.removeData('pms-fs-placeholder');
            }
            $editor.find('.note-editable').css('height', '');
            if (!$('.note-editor.fullscreen').length) {
                $('body').removeClass('pms-summernote-fullscreen-active');
            }
        }
    }
    window.syncSummernoteFullscreenEditor = syncSummernoteFullscreenEditor;
    if (typeof $ !== 'undefined') {
        $(document).on('click', '.note-editor .btn-fullscreen', function () {
            var $editor = $(this).closest('.note-editor');
            window.setTimeout(function () {
                syncSummernoteFullscreenEditor($editor);
            }, 0);
        });
        $(window).on('resize.pmsSummernoteFullscreen', function () {
            $('.note-editor.fullscreen').each(function () {
                resizeSummernoteFullscreenEditable($(this));
            });
        });
    }
})();
</script>
@endpush
@endonce