{{-- Disabled for RMR/CMR reports: section not included in wizard (MecReportType::partBWizardSections). --}}
@php
    $qbCatalog = $qbCatalog ?? ['domains' => [], 'activities' => [], 'tests' => []];
    /** @var \Illuminate\Support\Collection $qbTestsById */
    $qbTestsById = $qbTestsById ?? collect();

    $domainsOld = old('report.part_b.quantitative_breakdown.domains');
    if (! is_array($domainsOld) || count($domainsOld) === 0) {
        $domainsOld = [[
            'report_qb_domain_id' => '',
            'activities' => [[
                'report_qb_test_definition_id' => '',
                'achieved' => '',
                'gap' => '0',
                'remarks' => '',
            ]],
        ]];
    }

    $domainsCol = collect($qbCatalog['domains'] ?? []);
    $activitiesCol = collect($qbCatalog['activities'] ?? []);
    $testsCol = collect($qbCatalog['tests'] ?? []);

    $reportQbCatalogForJs = [
        'domains' => $domainsCol->values(),
        'activities' => $activitiesCol->values(),
        'tests' => $testsCol->values(),
    ];

    $qbFreeDimensionQuality = old('report.part_b.quantitative_breakdown.discrepancy_dimension_quality_material', '');
    $qbFreeQualityTestStandards = old('report.part_b.quantitative_breakdown.discrepancy_quality_test_pc1_pec', '');
@endphp
{{-- Part B §1 — Catalog from DB; only Achieved, Gap, Remarks editable --}}
<div class="report-b1-qb" id="report-b1-root">
    <div class="report-b1-shell">
        <div id="report-b1-domains-wrap" class="report-b1-card-body">
            @foreach ($domainsOld as $dIdx => $domainRow)
                @php
                    $activitiesRows = $domainRow['activities'] ?? [];
                    if (! is_array($activitiesRows) || count($activitiesRows) === 0) {
                        $activitiesRows = [[
                            'report_qb_test_definition_id' => '',
                            'achieved' => '',
                            'gap' => '0',
                            'remarks' => '',
                        ]];
                    }
                    $domainIdVal = old('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.report_qb_domain_id', $domainRow['report_qb_domain_id'] ?? '');
                    $activitiesForDomain = $domainIdVal !== '' && $domainIdVal !== null
                        ? $activitiesCol->where('report_qb_domain_id', (int) $domainIdVal)
                        : collect();
                @endphp
                <section class="report-b1-domain-block" data-domain-index="{{ $dIdx }}" aria-label="Domain block {{ $dIdx + 1 }}">
                    <div class="report-b1-selected-heading">Selected domain</div>
                    <div class="report-b1-domain-controls">
                        <select
                            name="report[part_b][quantitative_breakdown][domains][{{ $dIdx }}][report_qb_domain_id]"
                            id="report_b1_domain_{{ $dIdx }}"
                            class="form-control report-b1-domain-select-lg report-b1-js-domain @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.report_qb_domain_id') is-invalid @enderror"
                        >
                            <option value="">Select domain</option>
                            @foreach ($domainsCol as $dom)
                                <option value="{{ $dom->id }}" @selected((string) $domainIdVal === (string) $dom->id)>{{ $dom->name }}</option>
                            @endforeach
                        </select>
                        <button type="button" class="btn report-b1-btn-icon report-b1-remove-domain" title="Remove domain" aria-label="Remove domain">
                            <i class="fas fa-trash-alt"></i>
                        </button>
                        <button type="button" class="btn report-b1-btn-outline report-b1-add-activity">
                            + ADD ACTIVITY
                        </button>
                    </div>
                    @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.report_qb_domain_id')
                        <span class="invalid-feedback d-block mb-2">{{ $message }}</span>
                    @enderror

                    <div class="report-b1-table-wrap">
                        <div class="table-responsive">
                            <table class="table report-b1-data-table mb-0">
                                <thead>
                                    <tr>
                                        <th>Activity / material</th>
                                        <th>Name of test</th>
                                        <th>Required</th>
                                        <th>Achieved</th>
                                        <th class="report-b1-th-gap">Gap</th>
                                        <th>Unit</th>
                                        <th>Standard</th>
                                        <th>Remarks</th>
                                        <th class="report-b1-th-actions"></th>
                                    </tr>
                                </thead>
                                <tbody class="report-b1-activities-tbody">
                                    @foreach ($activitiesRows as $aIdx => $row)
                                        @php
                                            $tid = old('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.report_qb_test_definition_id', $row['report_qb_test_definition_id'] ?? '');
                                            /** @var \App\Models\ReportQbTestDefinition|null $testDef */
                                            $testDef = $tid !== '' && $tid !== null && $qbTestsById->has($tid) ? $qbTestsById->get($tid) : null;
                                            $activityIdForRow = $testDef ? (string) $testDef->report_qb_activity_id : '';
                                            $testsForActivity = $activityIdForRow !== ''
                                                ? $testsCol->where('report_qb_activity_id', (int) $activityIdForRow)
                                                : collect();
                                            $achievedVal = old('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.achieved', $row['achieved'] ?? '');
                                            $gapVal = old('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.gap', $row['gap'] ?? '0');
                                            if ($gapVal === '') {
                                                $gapVal = '0';
                                            }
                                            $remarksVal = old('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.remarks', $row['remarks'] ?? '');
                                        @endphp
                                        <tr class="report-b1-activity-row" data-activity-index="{{ $aIdx }}">
                                            <td class="report-b1-td">
                                                <select
                                                    class="form-control form-control-sm report-b1-activity-select report-b1-js-activity"
                                                    data-placeholder="Activity"
                                                    aria-label="Activity or material"
                                                >
                                                    <option value="">Select activity</option>
                                                    @foreach ($activitiesForDomain as $act)
                                                        <option value="{{ $act->id }}" @selected($activityIdForRow === (string) $act->id)>{{ $act->name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="report-b1-td">
                                                <select
                                                    name="report[part_b][quantitative_breakdown][domains][{{ $dIdx }}][activities][{{ $aIdx }}][report_qb_test_definition_id]"
                                                    class="form-control form-control-sm report-b1-test-select report-b1-js-test @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.report_qb_test_definition_id') is-invalid @enderror"
                                                    aria-label="Name of test"
                                                >
                                                    <option value="">Select test</option>
                                                    @foreach ($testsForActivity as $tst)
                                                        <option
                                                            value="{{ $tst->id }}"
                                                            data-required="{{ e($tst->required_text ?? '') }}"
                                                            data-unit="{{ e($tst->unit ?? '') }}"
                                                            data-standard="{{ e($tst->standard ?? '') }}"
                                                            @selected((string) $tid === (string) $tst->id)
                                                        >{{ $tst->name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.report_qb_test_definition_id')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-b1-td">
                                                <span class="report-b1-prefill report-b1-prefill-required">{{ $testDef ? ($testDef->required_text ?: '—') : '—' }}</span>
                                            </td>
                                            <td class="report-b1-td">
                                                <input
                                                    type="text"
                                                    name="report[part_b][quantitative_breakdown][domains][{{ $dIdx }}][activities][{{ $aIdx }}][achieved]"
                                                    value="{{ $achievedVal }}"
                                                    class="form-control form-control-sm report-b1-input report-b1-input-editable @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.achieved') is-invalid @enderror"
                                                    inputmode="decimal"
                                                    autocomplete="off"
                                                >
                                                @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.achieved')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-b1-td report-b1-td-gap">
                                                <input
                                                    type="text"
                                                    name="report[part_b][quantitative_breakdown][domains][{{ $dIdx }}][activities][{{ $aIdx }}][gap]"
                                                    value="{{ $gapVal }}"
                                                    class="form-control form-control-sm report-b1-input report-b1-input-editable report-b1-input-gap @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.gap') is-invalid @enderror"
                                                    inputmode="decimal"
                                                    autocomplete="off"
                                                >
                                                @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.gap')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-b1-td">
                                                <span class="report-b1-prefill report-b1-prefill-unit">{{ $testDef && $testDef->unit !== null && $testDef->unit !== '' ? $testDef->unit : '—' }}</span>
                                            </td>
                                            <td class="report-b1-td">
                                                <span class="report-b1-prefill report-b1-prefill-standard">{{ $testDef && $testDef->standard !== null && $testDef->standard !== '' ? $testDef->standard : '—' }}</span>
                                            </td>
                                            <td class="report-b1-td">
                                                <textarea
                                                    name="report[part_b][quantitative_breakdown][domains][{{ $dIdx }}][activities][{{ $aIdx }}][remarks]"
                                                    class="form-control form-control-sm report-b1-input report-b1-input-editable @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.remarks') is-invalid @enderror"
                                                    rows="2"
                                                    placeholder="Add notes…"
                                                >{{ $remarksVal }}</textarea>
                                                @error('report.part_b.quantitative_breakdown.domains.'.$dIdx.'.activities.'.$aIdx.'.remarks')
                                                    <span class="invalid-feedback d-block">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td class="report-b1-td report-b1-td-actions text-center align-middle">
                                                <button type="button" class="btn btn-sm report-b1-remove-activity" title="Remove row" aria-label="Remove activity row">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </section>
            @endforeach
        </div>

        <div class="report-b1-extra-section">
            <div class="report-b1-table-wrap report-b1-extra-wrap">
                <div class="table-responsive">
                    <table class="table report-b1-extra-table mb-0">
                        <tbody>
                            <tr>
                                <td class="report-b1-extra-label align-middle">
                                    Discrepancy in Dimension in / Quality of material against design parameters/Structure
                                </td>
                                <td class="report-b1-extra-value">
                                    <textarea
                                        name="report[part_b][quantitative_breakdown][discrepancy_dimension_quality_material]"
                                        class="form-control report-b1-input report-b1-extra-textarea @error('report.part_b.quantitative_breakdown.discrepancy_dimension_quality_material') is-invalid @enderror"
                                        rows="5"
                                        placeholder=""
                                    >{{ $qbFreeDimensionQuality }}</textarea>
                                    @error('report.part_b.quantitative_breakdown.discrepancy_dimension_quality_material')
                                        <span class="invalid-feedback d-block">{{ $message }}</span>
                                    @enderror
                                </td>
                            </tr>
                            <tr>
                                <td class="report-b1-extra-label align-middle">
                                    Discrepancy in quality test against approved PC-1/ PEC standards
                                </td>
                                <td class="report-b1-extra-value">
                                    <textarea
                                        name="report[part_b][quantitative_breakdown][discrepancy_quality_test_pc1_pec]"
                                        class="form-control report-b1-input report-b1-extra-textarea @error('report.part_b.quantitative_breakdown.discrepancy_quality_test_pc1_pec') is-invalid @enderror"
                                        rows="5"
                                        placeholder=""
                                    >{{ $qbFreeQualityTestStandards }}</textarea>
                                    @error('report.part_b.quantitative_breakdown.discrepancy_quality_test_pc1_pec')
                                        <span class="invalid-feedback d-block">{{ $message }}</span>
                                    @enderror
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<template id="report-b1-domain-block-template">
    <section class="report-b1-domain-block" data-domain-index="__D__" aria-label="Domain block">
        <div class="report-b1-selected-heading">Selected domain</div>
        <div class="report-b1-domain-controls">
            <select
                name="report[part_b][quantitative_breakdown][domains][__D__][report_qb_domain_id]"
                id="report-b1-domain-__D__"
                class="form-control report-b1-domain-select-lg report-b1-js-domain"
            >
                <option value="">Select domain</option>
                @foreach ($domainsCol as $dom)
                    <option value="{{ $dom->id }}">{{ $dom->name }}</option>
                @endforeach
            </select>
            <button type="button" class="btn report-b1-btn-icon report-b1-remove-domain" title="Remove domain" aria-label="Remove domain">
                <i class="fas fa-trash-alt"></i>
            </button>
            <button type="button" class="btn report-b1-btn-outline report-b1-add-activity">
                + ADD ACTIVITY
            </button>
        </div>
        <div class="report-b1-table-wrap">
            <div class="table-responsive">
                <table class="table report-b1-data-table mb-0">
                    <thead>
                        <tr>
                            <th>Activity / material</th>
                            <th>Name of test</th>
                            <th>Required</th>
                            <th>Achieved</th>
                            <th class="report-b1-th-gap">Gap</th>
                            <th>Unit</th>
                            <th>Standard</th>
                            <th>Remarks</th>
                            <th class="report-b1-th-actions"></th>
                        </tr>
                    </thead>
                    <tbody class="report-b1-activities-tbody"></tbody>
                </table>
            </div>
        </div>
    </section>
</template>

<template id="report-b1-activity-template">
    <tr class="report-b1-activity-row" data-activity-index="__A__">
        <td class="report-b1-td">
            <select class="form-control form-control-sm report-b1-activity-select report-b1-js-activity" aria-label="Activity or material">
                <option value="">Select activity</option>
            </select>
        </td>
        <td class="report-b1-td">
            <select
                name="report[part_b][quantitative_breakdown][domains][__D__][activities][__A__][report_qb_test_definition_id]"
                class="form-control form-control-sm report-b1-test-select report-b1-js-test"
                aria-label="Name of test"
            >
                <option value="">Select test</option>
            </select>
        </td>
        <td class="report-b1-td"><span class="report-b1-prefill report-b1-prefill-required">—</span></td>
        <td class="report-b1-td">
            <input type="text" name="report[part_b][quantitative_breakdown][domains][__D__][activities][__A__][achieved]" value="" class="form-control form-control-sm report-b1-input report-b1-input-editable" inputmode="decimal" autocomplete="off">
        </td>
        <td class="report-b1-td report-b1-td-gap">
            <input type="text" name="report[part_b][quantitative_breakdown][domains][__D__][activities][__A__][gap]" value="0" class="form-control form-control-sm report-b1-input report-b1-input-editable report-b1-input-gap" inputmode="decimal" autocomplete="off">
        </td>
        <td class="report-b1-td"><span class="report-b1-prefill report-b1-prefill-unit">—</span></td>
        <td class="report-b1-td"><span class="report-b1-prefill report-b1-prefill-standard">—</span></td>
        <td class="report-b1-td">
            <textarea name="report[part_b][quantitative_breakdown][domains][__D__][activities][__A__][remarks]" class="form-control form-control-sm report-b1-input report-b1-input-editable" rows="2" placeholder="Add notes…"></textarea>
        </td>
        <td class="report-b1-td report-b1-td-actions text-center align-middle">
            <button type="button" class="btn btn-sm report-b1-remove-activity" title="Remove row" aria-label="Remove activity row">
                <i class="fas fa-times"></i>
            </button>
        </td>
    </tr>
</template>

@push('scripts')
<script>
window.reportQbCatalog = @json($reportQbCatalogForJs);
</script>
<script>
(function () {
    var root = document.getElementById('report-b1-root');
    var wrap = document.getElementById('report-b1-domains-wrap');
    var tplDomain = document.getElementById('report-b1-domain-block-template');
    var tplActivity = document.getElementById('report-b1-activity-template');
    var btnAddDomain = document.getElementById('report-b1-add-domain');
    var catalog = window.reportQbCatalog || { domains: [], activities: [], tests: [] };
    if (!root || !wrap || !tplDomain || !tplActivity || !btnAddDomain) return;

    function activitiesForDomain(domainId) {
        var did = parseInt(domainId, 10);
        if (!did) return [];
        return (catalog.activities || []).filter(function (a) {
            return parseInt(a.report_qb_domain_id, 10) === did;
        });
    }

    function testsForActivity(activityId) {
        var aid = parseInt(activityId, 10);
        if (!aid) return [];
        return (catalog.tests || []).filter(function (t) {
            return parseInt(t.report_qb_activity_id, 10) === aid;
        });
    }

    function fillActivitySelect(sel, domainId, selectedActivityId) {
        var opts = activitiesForDomain(domainId);
        sel.innerHTML = '<option value="">Select activity</option>';
        opts.forEach(function (a) {
            var o = document.createElement('option');
            o.value = a.id;
            o.textContent = a.name;
            if (selectedActivityId && String(a.id) === String(selectedActivityId)) o.selected = true;
            sel.appendChild(o);
        });
    }

    function fillTestSelect(sel, activityId, selectedTestId) {
        var opts = testsForActivity(activityId);
        sel.innerHTML = '<option value="">Select test</option>';
        opts.forEach(function (t) {
            var o = document.createElement('option');
            o.value = t.id;
            o.textContent = t.name;
            o.setAttribute('data-required', t.required_text || '');
            o.setAttribute('data-unit', t.unit || '');
            o.setAttribute('data-standard', t.standard || '');
            if (selectedTestId && String(t.id) === String(selectedTestId)) o.selected = true;
            sel.appendChild(o);
        });
    }

    function applyPrefillFromTest(tr) {
        var testSel = tr.querySelector('.report-b1-js-test');
        var opt = testSel && testSel.options[testSel.selectedIndex];
        var req = '—';
        var unit = '—';
        var std = '—';
        if (opt && opt.value) {
            req = opt.getAttribute('data-required') || '';
            unit = opt.getAttribute('data-unit') || '';
            std = opt.getAttribute('data-standard') || '';
            if (req === '') req = '—';
            if (unit === '') unit = '—';
            if (std === '') std = '—';
        }
        var elR = tr.querySelector('.report-b1-prefill-required');
        var elU = tr.querySelector('.report-b1-prefill-unit');
        var elS = tr.querySelector('.report-b1-prefill-standard');
        if (elR) elR.textContent = req;
        if (elU) elU.textContent = unit;
        if (elS) elS.textContent = std;
    }

    function wireActivityRow(tr, section) {
        var domainSel = section.querySelector('.report-b1-js-domain');
        var actSel = tr.querySelector('.report-b1-js-activity');
        var testSel = tr.querySelector('.report-b1-js-test');
        if (!actSel || !testSel) return;

        actSel.addEventListener('change', function () {
            fillTestSelect(testSel, actSel.value, '');
            applyPrefillFromTest(tr);
        });
        testSel.addEventListener('change', function () {
            applyPrefillFromTest(tr);
        });
    }

    function refreshRowsForDomain(section) {
        var domainSel = section.querySelector('.report-b1-js-domain');
        var did = domainSel ? domainSel.value : '';
        section.querySelectorAll('.report-b1-activity-row').forEach(function (tr) {
            var actSel = tr.querySelector('.report-b1-js-activity');
            var testSel = tr.querySelector('.report-b1-js-test');
            if (!actSel || !testSel) return;
            var prevAct = actSel.value;
            fillActivitySelect(actSel, did, prevAct);
            var keepTests = prevAct && activitiesForDomain(did).some(function (a) { return String(a.id) === String(prevAct); });
            if (keepTests) {
                var prevTest = testSel.value;
                fillTestSelect(testSel, prevAct, prevTest);
            } else {
                fillTestSelect(testSel, '', '');
            }
            applyPrefillFromTest(tr);
        });
    }

    function nextDomainIndex() {
        var max = -1;
        wrap.querySelectorAll('.report-b1-domain-block').forEach(function (sec) {
            var i = parseInt(sec.getAttribute('data-domain-index'), 10);
            if (!isNaN(i) && i > max) max = i;
        });
        return max + 1;
    }

    function nextActivityIndex(tbody) {
        var max = -1;
        tbody.querySelectorAll('.report-b1-activity-row').forEach(function (tr) {
            var i = parseInt(tr.getAttribute('data-activity-index'), 10);
            if (!isNaN(i) && i > max) max = i;
        });
        return max + 1;
    }

    function replaceDA(el, d, a) {
        if (el.name) el.name = el.name.replace(/__D__/g, String(d)).replace(/__A__/g, String(a));
        if (el.id) el.id = el.id.replace(/__D__/g, String(d)).replace(/__A__/g, String(a));
    }

    function appendActivityRow(tbody, dIdx, aIdx, section) {
        var frag = document.importNode(tplActivity.content, true);
        var tr = frag.querySelector('tr');
        if (!tr) return;
        tr.setAttribute('data-activity-index', String(aIdx));
        tr.querySelectorAll('[name]').forEach(function (el) {
            replaceDA(el, dIdx, aIdx);
        });
        tbody.appendChild(tr);
        bindRemoveActivity(tr, tbody);
        var domainSel = section.querySelector('.report-b1-js-domain');
        var did = domainSel ? domainSel.value : '';
        var actSel = tr.querySelector('.report-b1-js-activity');
        var testSel = tr.querySelector('.report-b1-js-test');
        if (actSel) fillActivitySelect(actSel, did, '');
        if (testSel) fillTestSelect(testSel, '', '');
        applyPrefillFromTest(tr);
        wireActivityRow(tr, section);
    }

    function bindRemoveActivity(tr, tbody) {
        var rm = tr.querySelector('.report-b1-remove-activity');
        if (!rm) return;
        rm.addEventListener('click', function () {
            if (tbody.querySelectorAll('.report-b1-activity-row').length <= 1) return;
            tr.parentNode.removeChild(tr);
        });
    }

    function wireDomainBlock(section) {
        var dIdx = parseInt(section.getAttribute('data-domain-index'), 10);
        if (isNaN(dIdx)) return;

        var tbody = section.querySelector('.report-b1-activities-tbody');
        var btnAddAct = section.querySelector('.report-b1-add-activity');
        var btnRmDom = section.querySelector('.report-b1-remove-domain');
        var domainSel = section.querySelector('.report-b1-js-domain');

        if (tbody) {
            tbody.querySelectorAll('.report-b1-activity-row').forEach(function (tr) {
                bindRemoveActivity(tr, tbody);
                wireActivityRow(tr, section);
            });
        }

        if (domainSel) {
            domainSel.addEventListener('change', function () {
                refreshRowsForDomain(section);
            });
        }

        if (btnAddAct && tbody) {
            btnAddAct.addEventListener('click', function () {
                var aIx = nextActivityIndex(tbody);
                appendActivityRow(tbody, dIdx, aIx, section);
                var last = tbody.querySelector('.report-b1-activity-row:last-child');
                var focusEl = last ? last.querySelector('.report-b1-js-activity') : null;
                if (focusEl) focusEl.focus();
            });
        }

        if (btnRmDom) {
            btnRmDom.addEventListener('click', function () {
                if (wrap.querySelectorAll('.report-b1-domain-block').length <= 1) return;
                section.parentNode.removeChild(section);
            });
        }
    }

    wrap.querySelectorAll('.report-b1-domain-block').forEach(wireDomainBlock);

    btnAddDomain.addEventListener('click', function () {
        var dIx = nextDomainIndex();
        var frag = document.importNode(tplDomain.content, true);
        var section = frag.querySelector('.report-b1-domain-block');
        if (!section) return;
        section.setAttribute('data-domain-index', String(dIx));
        section.querySelectorAll('[name]').forEach(function (el) {
            el.name = el.name.replace(/__D__/g, String(dIx));
        });
        section.querySelectorAll('[id]').forEach(function (el) {
            el.id = el.id.replace(/__D__/g, String(dIx));
        });
        section.querySelectorAll('label[for]').forEach(function (lab) {
            var f = lab.getAttribute('for');
            if (f) lab.setAttribute('for', f.replace(/__D__/g, String(dIx)));
        });
        var tbody = section.querySelector('.report-b1-activities-tbody');
        appendActivityRow(tbody, dIx, 0, section);
        wrap.appendChild(section);
        wireDomainBlock(section);
        var sel = section.querySelector('select.report-b1-domain-select-lg');
        if (sel) sel.focus();
    });
})();
</script>
@endpush