{{-- Part E §2 — Risk-Rated Observation Matrix (UI aligned with field-officer cards + category panels) --}}
@php
    $rrmDotBase = $rrmDotBase ?? 'report.part_e.risk_rated_matrix';
    $rrmDataPath = $rrmDataPath ?? 'part_e.risk_rated_matrix';
    $rrmBracketBase = $rrmBracketBase ?? 'report[part_e][risk_rated_matrix]';
    $rrmRootId = $rrmRootId ?? 'report-e2-root';
    $rrmShowUnitMode = $rrmShowUnitMode ?? true;
    $rrmApplyRiskColors = $rrmApplyRiskColors ?? false;

    $reportPayload = is_array($report ?? null) ? $report : [];
    if ($reportPayload === [] && is_array(old('report'))) {
        $reportPayload = old('report');
    }
    $unitMode = old(
        $rrmDotBase.'.reporting_mode',
        report_section_reporting_mode($reportPayload, $rrmDataPath.'.reporting_mode')
    );
    if (! in_array((string) $unitMode, ['single', 'unit_wise'], true)) {
        $unitMode = 'single';
    }

    $rrmOfficerOrderFull = [
        ['key' => 'meo_smeo', 'title' => 'MEO / SMEO'],
        ['key' => 'rd', 'title' => 'RD'],
        ['key' => 'sdm', 'title' => 'SDM'],
    ];
    $mecReportWfMode = $mecReportWorkflowMode ?? null;
    $partEAuthorKey = $mecReportAuthorOfficerKey ?? mec_report_submitter_part_e_officer_key();
    if (in_array($mecReportWfMode, ['rd', 'sdm', 'dg', 'meo_resubmit', 'initiator_resubmit'], true)) {
        $rrmOfficerOrder = $rrmOfficerOrderFull;
    } elseif ($partEAuthorKey === 'meo_smeo') {
        $rrmOfficerOrder = array_values(array_filter(
            $rrmOfficerOrderFull,
            static fn (array $d) => $d['key'] === 'meo_smeo'
        ));
    } elseif ($partEAuthorKey === 'rd') {
        $rrmOfficerOrder = array_values(array_filter(
            $rrmOfficerOrderFull,
            static fn (array $d) => $d['key'] === 'rd'
        ));
    } elseif ($partEAuthorKey === 'sdm') {
        $rrmOfficerOrder = array_values(array_filter(
            $rrmOfficerOrderFull,
            static fn (array $d) => $d['key'] === 'sdm'
        ));
    } else {
        $rrmOfficerOrder = array_values(array_filter(
            $rrmOfficerOrderFull,
            static fn (array $d) => $d['key'] === 'meo_smeo'
        ));
    }

    $rrmCategoryOptions = $riskRatedCategoryOptions ?? [
        'physical' => 'Physical Observations',
        'financial' => 'Financial Observations',
        'evm' => 'EVM',
        'pc_i_compliance' => 'PC-I Compliance',
        'pm_arrangements' => 'PM Arrangements',
        'general' => 'General',
        'procurement' => 'Procurement',
        'other' => 'Other',
    ];
    if (! is_array($rrmCategoryOptions) || $rrmCategoryOptions === []) {
        $rrmCategoryOptions = ['other' => 'Other'];
    }

    $rawOfficers = old($rrmDotBase.'.officers');
    if (! is_array($rawOfficers) || count($rawOfficers) === 0) {
        $rawOfficers = data_get($reportPayload, $rrmDataPath.'.officers', []);
    }
    $byFo = collect(is_array($rawOfficers) ? $rawOfficers : [])->keyBy('field_officer');

    $rrmOfficersForView = [];
    foreach ($rrmOfficerOrder as $def) {
        $merge = $byFo->get($def['key']);
        $rrmOfficersForView[] = [
            'key' => $def['key'],
            'title' => $def['title'],
            'categories' => is_array($merge['categories'] ?? null) ? $merge['categories'] : [],
        ];
    }

    $rawUnits = old($rrmDotBase.'.units');
    if (! is_array($rawUnits) || count($rawUnits) === 0) {
        $rawUnits = data_get($reportPayload, $rrmDataPath.'.units', []);
    }
    if (! is_array($rawUnits) || count($rawUnits) === 0) {
        $rawUnits = [['unit_name' => '', 'officers' => []]];
    }

    $rrmUnitsForView = [];
    foreach ($rawUnits as $uIdx => $unitRow) {
        if (! is_array($unitRow)) {
            continue;
        }
        $uOff = is_array($unitRow['officers'] ?? null) ? $unitRow['officers'] : [];
        $byFoU = collect($uOff)->keyBy('field_officer');
        $officersView = [];
        foreach ($rrmOfficerOrder as $def) {
            $mergeU = $byFoU->get($def['key']);
            $officersView[] = [
                'key' => $def['key'],
                'title' => $def['title'],
                'categories' => is_array($mergeU['categories'] ?? null) ? $mergeU['categories'] : [],
            ];
        }
        $rrmUnitsForView[] = [
            'unit_name' => old($rrmDotBase.'.units.'.$uIdx.'.unit_name', $unitRow['unit_name'] ?? ''),
            'officers' => $officersView,
        ];
    }
@endphp

<div class="report-e2-risk-matrix" id="{{ $rrmRootId }}" data-rrm-bracket-base="{{ $rrmBracketBase }}">
    @if ($rrmShowUnitMode)
    <div class="pms-report-mode-panel">
        <div class="report-b2-structure-title mb-3">{{ __('Reporting structure') }}</div>
        <div class="pms-report-mode-segmented" role="radiogroup" aria-label="{{ __('Reporting structure') }}">
            <label class="pms-report-mode-option">
                <input type="radio" class="pms-report-unit-mode-radio" name="e2_reporting_structure" value="single" @checked($unitMode === 'single')>
                <span class="pms-report-mode-option__face">{{ __('Single report') }}</span>
            </label>
            <label class="pms-report-mode-option">
                <input type="radio" class="pms-report-unit-mode-radio" name="e2_reporting_structure" value="unit_wise" @checked($unitMode === 'unit_wise')>
                <span class="pms-report-mode-option__face">{{ __('Unit-wise') }}</span>
            </label>
        </div>
        <p class="text-muted pms-report-mode-panel__hint mb-0">{{ __('Unit-wise mode shows a yellow unit banner in preview/print.') }}</p>
    </div>
    @endif
    <input type="hidden" name="{{ $rrmBracketBase }}[reporting_mode]" id="pms-report-e2-reporting-mode" value="{{ $unitMode }}">

    <div id="report-e2-single-wrap">
        <div class="report-b1-shell report-qc-shell border-0 shadow-none bg-transparent">
            <div class="report-b1-card-body report-qc-card-body px-0 pt-0">
                @foreach ($rrmOfficersForView as $oIdx => $officer)
                    @include('reports.partials.e2-rrm-officer-stack', [
                        'officer' => $officer,
                        'oIdx' => $oIdx,
                        'unitIdx' => null,
                        'rrmCategoryOptions' => $rrmCategoryOptions,
                        'rrmBracketBase' => $rrmBracketBase,
                        'rrmDotBase' => $rrmDotBase,
                        'rrmApplyRiskColors' => $rrmApplyRiskColors,
                    ])
                @endforeach
            </div>
        </div>
    </div>

    <div id="report-e2-units-wrap" class="mt-2" style="{{ $rrmShowUnitMode && $unitMode === 'unit_wise' ? '' : 'display:none' }}">
        <div id="report-e2-units-container">
            @foreach ($rrmUnitsForView as $uIdx => $unitView)
                <div class="report-e2-unit-block pms-report-unit-shell mb-3" data-e2-unit-block>
                    <div class="pms-report-unit-header">
                        <div class="pms-report-unit-header__field">
                            <label class="report-b2-structure-title mb-2 d-block" style="font-size:9pt">{{ __('Unit name') }}</label>
                            <input type="text" name="{{ $rrmBracketBase }}[units][{{ $uIdx }}][unit_name]" value="{{ $unitView['unit_name'] }}" class="form-control form-control-sm report-b1-input report-e2-unit-name-input" placeholder="{{ __('e.g. Package A, Civil works') }}" autocomplete="off">
                        </div>
                        <div class="pms-report-unit-header__actions">
                            <button type="button" class="pms-report-action-btn report-e2-add-unit">+ {{ __('ADD UNIT') }}</button>
                            <button type="button" class="pms-report-action-btn pms-report-action-btn--danger report-e2-remove-unit">{{ __('REMOVE UNIT') }}</button>
                        </div>
                    </div>
                    <div class="report-b1-shell report-qc-shell border-0 shadow-none bg-transparent">
                        <div class="report-b1-card-body report-qc-card-body px-0 pt-0">
                            @foreach ($unitView['officers'] as $oIdx => $officer)
                                @include('reports.partials.e2-rrm-officer-stack', [
                                    'officer' => $officer,
                                    'oIdx' => $oIdx,
                                    'unitIdx' => $uIdx,
                                    'rrmCategoryOptions' => $rrmCategoryOptions,
                                    'rrmBracketBase' => $rrmBracketBase,
                                    'rrmDotBase' => $rrmDotBase,
                                    'rrmApplyRiskColors' => $rrmApplyRiskColors,
                                ])
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>

@include('reports.partials.rrm-observation-rtf-scripts')

<template id="report-e2-template-category">
    <div class="report-e2-category-block report-e2-category-panel">
        <div class="d-flex flex-wrap align-items-start gap-2 mb-3">
            <div class="flex-grow-1" style="min-width: 220px;">
                <div class="report-e2-cat-section-label">OBSERVATION CATEGORY</div>
                <select class="form-control report-b1-input report-e2-category-select" aria-label="Observation category">
                    <option value="">— Select category —</option>
                    @foreach ($rrmCategoryOptions as $cv => $clabel)
                        <option value="{{ $cv }}">{{ $clabel }}</option>
                    @endforeach
                </select>
            </div>
            <div class="flex-grow-1 report-e2-category-other-wrap" style="min-width: 200px; display:none">
                <div class="report-e2-cat-section-label">SPECIFY</div>
                <input type="text" class="form-control form-control-sm report-b1-input report-e2-category-other-input" placeholder="Describe category" autocomplete="off">
            </div>
            <button type="button" class="report-e2-remove-category" title="Remove category" aria-label="Remove category">
                <i class="fas fa-trash-alt" aria-hidden="true"></i>
            </button>
        </div>
        <div class="table-responsive">
            <table class="table table-sm report-e2-lines-table report-e2-matrix-table mb-0">
                <thead>
                    <tr>
                        <th scope="col" class="report-e2-matrix-th report-e2-matrix-th--obs">OBSERVATION DETAILS</th>
                        <th scope="col" class="report-e2-matrix-th report-e2-matrix-th--risk">RISK LEVEL</th>
                        <th scope="col" class="report-e2-matrix-th report-e2-matrix-th--rec">RECOMMENDATION</th>
                        <th scope="col" class="report-e2-matrix-th report-e2-matrix-th--deadline">DEADLINE</th>
                        <th scope="col" class="report-e2-matrix-th report-b1-th-actions" style="width: 3rem;"></th>
                    </tr>
                </thead>
                <tbody class="report-e2-lines-tbody"></tbody>
            </table>
        </div>
        <button type="button" class="btn btn-sm report-e2-add-line-btn report-e2-add-line w-100">+ ADD OBSERVATION LINE</button>
    </div>
</template>

<template id="report-e2-template-line">
    <tr class="report-e2-line-row">
        <td>
            <div class="pms-report-rtf-field" data-pms-report-rtf>
                <div class="pms-report-rtf-toolbar btn-group btn-group-sm mb-1" role="toolbar" aria-label="Observation formatting">
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="bold" title="Bold"><strong>B</strong></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="italic" title="Italic"><em>I</em></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="underline" title="Underline"><u>U</u></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="insertUnorderedList" title="Bullet list" aria-label="Bullet list"><i class="fas fa-list-ul" aria-hidden="true"></i></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="insertOrderedList" title="Numbered list" aria-label="Numbered list"><i class="fas fa-list-ol" aria-hidden="true"></i></button>
                </div>
                <div class="pms-report-rtf-editor form-control form-control-sm report-b1-input report-e2-matrix-rtf-editor" contenteditable="true" spellcheck="true" data-pms-report-rtf-editor data-placeholder="Describe the finding..."></div>
                <input type="hidden" value="" data-rrm-input="observation" data-pms-report-rtf-input>
            </div>
        </td>
        <td>
            <select class="form-control form-control-sm report-b1-input{{ ($rrmApplyRiskColors ?? false) ? ' report-drr-risk-level-select' : '' }}" data-rrm-input="risk" aria-label="Risk level">
                <option value="">—</option>
                <option value="High">High</option>
                <option value="Medium">Medium</option>
                <option value="Low">Low</option>
                <option value="N/A">N/A</option>
            </select>
        </td>
        <td>
            <div class="pms-report-rtf-field" data-pms-report-rtf>
                <div class="pms-report-rtf-toolbar btn-group btn-group-sm mb-1" role="toolbar" aria-label="Recommendation formatting">
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="bold" title="Bold"><strong>B</strong></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="italic" title="Italic"><em>I</em></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="underline" title="Underline"><u>U</u></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="insertUnorderedList" title="Bullet list" aria-label="Bullet list"><i class="fas fa-list-ul" aria-hidden="true"></i></button>
                    <button type="button" class="btn btn-default pms-report-rtf-btn" data-pms-report-rtf-cmd="insertOrderedList" title="Numbered list" aria-label="Numbered list"><i class="fas fa-list-ol" aria-hidden="true"></i></button>
                </div>
                <div class="pms-report-rtf-editor form-control form-control-sm report-b1-input report-e2-matrix-rtf-editor" contenteditable="true" spellcheck="true" data-pms-report-rtf-editor data-placeholder="Action to be taken..."></div>
                <input type="hidden" value="" data-rrm-input="recommendation" data-pms-report-rtf-input>
            </div>
        </td>
        <td>
            <div class="report-e2-deadline-stack">
                <select class="form-control form-control-sm report-b1-input mb-1 report-e2-deadline-type" data-rrm-input="deadline_type" aria-label="Deadline unit">
                    <option value="">—</option>
                    <option value="days">Days</option>
                    <option value="weeks">Weeks</option>
                    <option value="months">Months</option>
                    <option value="date">Specific date</option>
                </select>
                <input type="number" class="form-control form-control-sm report-b1-input report-e2-deadline-amount" placeholder="#" min="1" step="1" style="display:none" data-rrm-input="deadline_amount">
                <input type="date" class="form-control form-control-sm report-b1-input report-e2-deadline-date" style="display:none" data-rrm-input="deadline_date">
            </div>
        </td>
        <td class="text-center align-top pt-2">
            <button type="button" class="report-e2-remove-line" title="Remove line" aria-label="Remove line">&times;</button>
        </td>
    </tr>
</template>

@push('scripts')
<script>
(function () {
    var root = document.getElementById(@json($rrmRootId));
    if (!root) return;

    var rrmBracketBase = root.getAttribute('data-rrm-bracket-base') || 'report[part_e][risk_rated_matrix]';

    var tplCat = document.getElementById('report-e2-template-category');
    var tplLine = document.getElementById('report-e2-template-line');
    var singleWrap = document.getElementById('report-e2-single-wrap');
    var unitsWrap = document.getElementById('report-e2-units-wrap');
    var unitsContainer = document.getElementById('report-e2-units-container');

    function modeHidden() {
        return document.getElementById('pms-report-e2-reporting-mode')
            || document.getElementById('pms-report-unit-reporting-mode');
    }
    function getMode() {
        var h = modeHidden();
        return h && h.value === 'unit_wise' ? 'unit_wise' : 'single';
    }

    function setInputsDisabled(wrap, dis) {
        if (!wrap) return;
        wrap.querySelectorAll('input, select, textarea').forEach(function (el) {
            el.disabled = !!dis;
        });
        wrap.querySelectorAll('[data-pms-report-rtf-editor]').forEach(function (el) {
            el.setAttribute('contenteditable', dis ? 'false' : 'true');
        });
        wrap.querySelectorAll('button').forEach(function (el) {
            el.disabled = !!dis;
        });
    }

    function wireNewRrmLineRow(row) {
        if (!row || typeof window.pmsInitReportRtfField !== 'function') {
            return;
        }
        row.querySelectorAll('[data-pms-report-rtf]').forEach(function (wrap) {
            window.pmsInitReportRtfField(wrap);
        });
        if (typeof window.pmsApplyReportWorkflowFieldLock === 'function') {
            window.pmsApplyReportWorkflowFieldLock();
        }
    }

    window.pmsApplyE2UnitModePanels = function () {
        var m = getMode();
        if (singleWrap) {
            singleWrap.style.display = m === 'single' ? '' : 'none';
            setInputsDisabled(singleWrap, m !== 'single');
        }
        if (unitsWrap) {
            unitsWrap.style.display = m === 'unit_wise' ? '' : 'none';
            setInputsDisabled(unitsWrap, m !== 'unit_wise');
        }
    };

    function toggleOther(selectEl) {
        var block = selectEl.closest('.report-e2-category-block');
        if (!block) return;
        var wrap = block.querySelector('.report-e2-category-other-wrap');
        if (!wrap) return;
        wrap.style.display = selectEl.value === 'other' ? '' : 'none';
    }

    function toggleDeadline(selectEl) {
        var row = selectEl.closest('.report-e2-line-row');
        if (!row) return;
        var amt = row.querySelector('.report-e2-deadline-amount');
        var dt = row.querySelector('.report-e2-deadline-date');
        if (!amt || !dt) return;
        var v = selectEl.value;
        if (v === 'days' || v === 'weeks' || v === 'months') {
            amt.style.display = '';
            dt.style.display = 'none';
            dt.value = '';
        } else if (v === 'date') {
            amt.style.display = 'none';
            amt.value = '';
            dt.style.display = '';
        } else {
            amt.style.display = 'none';
            dt.style.display = 'none';
            amt.value = '';
            dt.value = '';
        }
    }

    function reindexRrm() {
        var mode = getMode();
        if (mode === 'unit_wise' && unitsContainer) {
            unitsContainer.querySelectorAll('.report-e2-unit-block').forEach(function (unitEl, uIdx) {
                var un = unitEl.querySelector('.report-e2-unit-name-input');
                if (un) un.name = rrmBracketBase + '[units][' + uIdx + '][unit_name]';
                unitEl.querySelectorAll('.report-e2-officer-block').forEach(function (officerEl, oIdx) {
                    var hid = officerEl.querySelector('input[data-rrm-input="field_officer"]');
                    if (hid) {
                        hid.name = rrmBracketBase + '[units][' + uIdx + '][officers][' + oIdx + '][field_officer]';
                    }
                    officerEl.querySelectorAll('.report-e2-category-block').forEach(function (catEl, cIdx) {
                        var sel = catEl.querySelector('.report-e2-category-select');
                        if (sel) sel.name = rrmBracketBase + '[units][' + uIdx + '][officers][' + oIdx + '][categories][' + cIdx + '][category]';
                        var oth = catEl.querySelector('.report-e2-category-other-input');
                        if (oth) oth.name = rrmBracketBase + '[units][' + uIdx + '][officers][' + oIdx + '][categories][' + cIdx + '][category_other]';
                        catEl.querySelectorAll('.report-e2-line-row').forEach(function (lineEl, lIdx) {
                            lineEl.querySelectorAll('[data-rrm-input]').forEach(function (inp) {
                                var field = inp.getAttribute('data-rrm-input');
                                inp.name = rrmBracketBase + '[units][' + uIdx + '][officers][' + oIdx + '][categories][' + cIdx + '][lines][' + lIdx + '][' + field + ']';
                            });
                        });
                    });
                });
                var rmU = unitEl.querySelector('.report-e2-remove-unit');
                if (rmU) rmU.style.visibility = unitsContainer.querySelectorAll('.report-e2-unit-block').length <= 1 ? 'hidden' : 'visible';
            });
        } else {
            var shell = singleWrap ? singleWrap.querySelector('.report-b1-card-body') : null;
            if (!shell) return;
            shell.querySelectorAll('.report-e2-officer-block').forEach(function (officerEl, oIdx) {
                var hid = officerEl.querySelector('input[data-rrm-input="field_officer"]');
                if (hid) hid.name = rrmBracketBase + '[officers][' + oIdx + '][field_officer]';
                officerEl.querySelectorAll('.report-e2-category-block').forEach(function (catEl, cIdx) {
                    var sel = catEl.querySelector('.report-e2-category-select');
                    if (sel) sel.name = rrmBracketBase + '[officers][' + oIdx + '][categories][' + cIdx + '][category]';
                    var oth = catEl.querySelector('.report-e2-category-other-input');
                    if (oth) oth.name = rrmBracketBase + '[officers][' + oIdx + '][categories][' + cIdx + '][category_other]';
                    catEl.querySelectorAll('.report-e2-line-row').forEach(function (lineEl, lIdx) {
                        lineEl.querySelectorAll('[data-rrm-input]').forEach(function (inp) {
                            var field = inp.getAttribute('data-rrm-input');
                            inp.name = rrmBracketBase + '[officers][' + oIdx + '][categories][' + cIdx + '][lines][' + lIdx + '][' + field + ']';
                        });
                    });
                });
            });
        }
    }
    window.pmsReindexRrm = reindexRrm;

    function bindCategory(catEl) {
        var sel = catEl.querySelector('.report-e2-category-select');
        if (sel) {
            sel.addEventListener('change', function () { toggleOther(sel); });
            toggleOther(sel);
        }
        catEl.querySelectorAll('.report-e2-add-line').forEach(function (btn) {
            btn.addEventListener('click', function () {
                var tbody = catEl.querySelector('.report-e2-lines-tbody');
                if (!tbody || !tplLine) return;
                var frag = document.importNode(tplLine.content, true);
                tbody.appendChild(frag);
                var lastRow = tbody.querySelector('.report-e2-line-row:last-child');
                if (lastRow) {
                    lastRow.querySelectorAll('.report-e2-deadline-type').forEach(function (s) {
                        s.addEventListener('change', function () { toggleDeadline(s); });
                        toggleDeadline(s);
                    });
                    lastRow.querySelector('.report-e2-remove-line').addEventListener('click', function () {
                        if (tbody.querySelectorAll('.report-e2-line-row').length <= 1) return;
                        lastRow.parentNode.removeChild(lastRow);
                        reindexRrm();
                    });
                    wireNewRrmLineRow(lastRow);
                }
                reindexRrm();
                window.pmsWireDrrRiskLevelSelects && window.pmsWireDrrRiskLevelSelects(catEl);
            });
        });
        catEl.querySelector('.report-e2-remove-category').addEventListener('click', function () {
            catEl.parentNode.removeChild(catEl);
            reindexRrm();
        });
        catEl.querySelectorAll('.report-e2-line-row').forEach(function (lineEl) {
            lineEl.querySelectorAll('.report-e2-deadline-type').forEach(function (s) {
                s.addEventListener('change', function () { toggleDeadline(s); });
                toggleDeadline(s);
            });
            var rm = lineEl.querySelector('.report-e2-remove-line');
            var tbody = lineEl.closest('.report-e2-lines-tbody');
            if (rm && tbody) {
                rm.addEventListener('click', function () {
                    if (tbody.querySelectorAll('.report-e2-line-row').length <= 1) return;
                    lineEl.parentNode.removeChild(lineEl);
                    reindexRrm();
                });
            }
        });
    }

    function wireAllCategories(scope) {
        (scope || root).querySelectorAll('.report-e2-category-block').forEach(bindCategory);
    }

    wireAllCategories(root);

    root.querySelectorAll('.report-e2-add-category').forEach(function (btn) {
        btn.addEventListener('click', function () {
            var officerBlock = btn.closest('.report-e2-officer-block');
            if (!officerBlock || !tplCat) return;
            var wrap = officerBlock.querySelector('.report-e2-categories-wrap');
            if (!wrap) return;
            var frag = document.importNode(tplCat.content, true);
            var catEl = frag.querySelector('.report-e2-category-block');
            wrap.appendChild(catEl);
            bindCategory(catEl);
            var tbody = catEl.querySelector('.report-e2-lines-tbody');
            if (tbody && tplLine) {
                var lf = document.importNode(tplLine.content, true);
                tbody.appendChild(lf);
                var lr = tbody.querySelector('.report-e2-line-row:last-child');
                if (lr) {
                    lr.querySelectorAll('.report-e2-deadline-type').forEach(function (s) {
                        s.addEventListener('change', function () { toggleDeadline(s); });
                        toggleDeadline(s);
                    });
                    lr.querySelector('.report-e2-remove-line').addEventListener('click', function () {
                        if (tbody.querySelectorAll('.report-e2-line-row').length <= 1) return;
                        lr.parentNode.removeChild(lr);
                        reindexRrm();
                    });
                    wireNewRrmLineRow(lr);
                }
            }
            reindexRrm();
            window.pmsWireDrrRiskLevelSelects && window.pmsWireDrrRiskLevelSelects(catEl);
        });
    });

    root.querySelectorAll('.pms-report-unit-mode-radio[name="e2_reporting_structure"]').forEach(function (r) {
        r.addEventListener('change', function () {
            if (!r.checked) return;
            var h = modeHidden();
            if (h) h.value = r.value;
            window.pmsApplyE2UnitModePanels();
            reindexRrm();
        });
    });

    function bindUnitRemove(unitEl) {
        var rmU = unitEl.querySelector('.report-e2-remove-unit');
        if (!rmU) return;
        rmU.addEventListener('click', function () {
            if (!unitsContainer || unitsContainer.querySelectorAll('.report-e2-unit-block').length <= 1) return;
            unitEl.parentNode.removeChild(unitEl);
            reindexRrm();
        });
    }

    function wireNewUnitBlock(unitEl) {
        bindUnitRemove(unitEl);
        unitEl.querySelectorAll('.report-e2-add-category').forEach(function (btn) {
            btn.addEventListener('click', function () {
                var officerBlock = btn.closest('.report-e2-officer-block');
                if (!officerBlock || !tplCat) return;
                var wrap = officerBlock.querySelector('.report-e2-categories-wrap');
                if (!wrap) return;
                var frag = document.importNode(tplCat.content, true);
                var catEl = frag.querySelector('.report-e2-category-block');
                wrap.appendChild(catEl);
                bindCategory(catEl);
                var tbody = catEl.querySelector('.report-e2-lines-tbody');
                if (tbody && tplLine) {
                    var lf = document.importNode(tplLine.content, true);
                    tbody.appendChild(lf);
                    var lr = tbody.querySelector('.report-e2-line-row:last-child');
                    if (lr) {
                        lr.querySelectorAll('.report-e2-deadline-type').forEach(function (s) {
                            s.addEventListener('change', function () { toggleDeadline(s); });
                            toggleDeadline(s);
                        });
                        lr.querySelector('.report-e2-remove-line').addEventListener('click', function () {
                            if (tbody.querySelectorAll('.report-e2-line-row').length <= 1) return;
                            lr.parentNode.removeChild(lr);
                            reindexRrm();
                        });
                        wireNewRrmLineRow(lr);
                    }
                }
                reindexRrm();
            });
        });
    }

    function appendE2UnitClone() {
        if (!unitsContainer) return;
        var first = unitsContainer.querySelector('.report-e2-unit-block');
        if (!first) return;
        var clone = first.cloneNode(true);
        clone.querySelectorAll('input, textarea, select').forEach(function (el) {
            if (el.type === 'hidden' && el.getAttribute('data-rrm-input') === 'field_officer') {
                return;
            }
            if (el.hasAttribute('data-pms-report-rtf-input')) {
                el.value = '';
                return;
            }
            if (el.classList && el.classList.contains('pms-report-rtf-editor')) {
                el.innerHTML = '';
                return;
            }
            if (el.tagName === 'SELECT') {
                el.selectedIndex = 0;
                return;
            }
            el.value = '';
        });
        clone.querySelectorAll('.report-e2-category-other-wrap').forEach(function (w) {
            w.style.display = 'none';
        });
        clone.querySelectorAll('.report-e2-deadline-amount').forEach(function (a) { a.style.display = 'none'; });
        clone.querySelectorAll('.report-e2-deadline-date').forEach(function (d) { d.style.display = 'none'; });
        clone.querySelectorAll('.report-e2-categories-wrap').forEach(function (w) {
            w.innerHTML = '';
        });
        clone.querySelectorAll('[data-pms-report-rtf]').forEach(function (el) {
            el.removeAttribute('data-pms-report-rtf-wired');
        });
        clone.querySelectorAll('.report-e2-officer-block').forEach(function (ob) {
            var wrap = ob.querySelector('.report-e2-categories-wrap');
            if (!wrap || !tplCat || !tplLine) return;
            var frag = document.importNode(tplCat.content, true);
            var catEl = frag.querySelector('.report-e2-category-block');
            wrap.appendChild(catEl);
            bindCategory(catEl);
            var tbody = catEl.querySelector('.report-e2-lines-tbody');
            if (tbody) {
                var lf = document.importNode(tplLine.content, true);
                tbody.appendChild(lf);
                var lr = tbody.querySelector('.report-e2-line-row:last-child');
                if (lr) {
                    lr.querySelectorAll('.report-e2-deadline-type').forEach(function (s) {
                        s.addEventListener('change', function () { toggleDeadline(s); });
                        toggleDeadline(s);
                    });
                    lr.querySelector('.report-e2-remove-line').addEventListener('click', function () {
                        if (tbody.querySelectorAll('.report-e2-line-row').length <= 1) return;
                        lr.parentNode.removeChild(lr);
                        reindexRrm();
                    });
                    wireNewRrmLineRow(lr);
                }
            }
        });
        unitsContainer.appendChild(clone);
        wireNewUnitBlock(clone);
        if (typeof window.pmsInitReportRtfFields === 'function') {
            window.pmsInitReportRtfFields(clone);
        }
        reindexRrm();
    }

    if (unitsContainer) {
        unitsContainer.addEventListener('click', function (e) {
            var addBtn = e.target && e.target.closest ? e.target.closest('.report-e2-add-unit') : null;
            if (!addBtn) return;
            e.preventDefault();
            appendE2UnitClone();
        });
        unitsContainer.querySelectorAll('.report-e2-unit-block').forEach(bindUnitRemove);
    }

    reindexRrm();
    window.pmsApplyE2UnitModePanels();
    window.pmsWireDrrRiskLevelSelects && window.pmsWireDrrRiskLevelSelects(root);
    if (typeof window.pmsInitReportRtfFields === 'function') {
        window.pmsInitReportRtfFields(root);
    }
    if (typeof window.pmsApplyReportWorkflowFieldLock === 'function') {
        window.pmsApplyReportWorkflowFieldLock();
    }
})();
</script>
@endpush