@php
    $qcGenCatalog = $qcGeneralCheckCatalog ?? ['domains' => [], 'activities' => [], 'checks' => []];
    /** @var \Illuminate\Support\Collection $qcChecksById */
    $qcChecksById = $qcChecksById ?? collect();

    $domainsCol = collect($qcGenCatalog['domains'] ?? []);
    $activitiesCol = collect($qcGenCatalog['activities'] ?? []);
    $checksCol = collect($qcGenCatalog['checks'] ?? []);

    $rowsOld = report_wizard_rows('part_c.general_check.rows', [[
        'report_qc_domain_id' => '',
        'report_qc_check_definition_id' => '',
        'readings_yn' => '',
        'found_places' => '',
        'remarks' => '',
    ]], $reportPayload ?? null);

    // Plain arrays so scripts always receive id / report_qc_domain_id / report_qc_activity_id (no Model JSON quirks).
    $reportC1CatalogForJs = [
        'domains' => $domainsCol->map(fn ($d) => [
            'id' => (int) $d->id,
            'name' => (string) $d->name,
        ])->values()->all(),
        'activities' => $activitiesCol->map(fn ($a) => [
            'id' => (int) $a->id,
            'report_qc_domain_id' => (int) $a->report_qc_domain_id,
            'name' => (string) $a->name,
        ])->values()->all(),
        'checks' => $checksCol->map(fn ($c) => [
            'id' => (int) $c->id,
            'report_qc_activity_id' => (int) $c->report_qc_activity_id,
            'name' => (string) $c->name,
            'standard' => $c->standard !== null ? (string) $c->standard : null,
            'found_places_hint' => $c->found_places_hint !== null ? (string) $c->found_places_hint : null,
        ])->values()->all(),
    ];
@endphp
{{-- Part C §1 — General Check: QB-style rows; Domain → Activity → Name of test; + ADD ROW --}}

@if ($domainsCol->isEmpty())
    <p class="text-muted small mb-2">General Check catalog has no rows in the database. Run <code class="small">php artisan db:seed --class=ReportQualityCatalogSeeder</code> (or full <code class="small">db:seed</code>), then reload.</p>
@endif

<div class="report-c1-gc" id="report-c1-root">
    <div class="report-b1-shell report-qc-shell">
        <div class="report-b1-card-body report-qc-card-body">
            <div class="report-b1-table-wrap">
                <div class="table-responsive">
                    <table class="table report-b1-data-table report-qc-table mb-0">
                        <thead>
                            <tr>
                                <th class="report-qc-th-domain">Domain</th>
                                <th class="report-qc-th-activity">Activity / Material</th>
                                <th>Name of the Test</th>
                                <th class="report-c1-th-readings">Readings Actual at Site (YES/NO)</th>
                                <th class="report-c1-th-found">Found in # of Places</th>
                                <th>Standard</th>
                                <th>Remarks (+ / -)</th>
                                <th class="report-b1-th-actions"></th>
                            </tr>
                        </thead>
                        <tbody id="report-c1-tbody">
                            @foreach ($rowsOld as $rIdx => $row)
                                @php
                                    $did = old('report.part_c.general_check.rows.'.$rIdx.'.report_qc_domain_id', $row['report_qc_domain_id'] ?? '');
                                    $cid = old('report.part_c.general_check.rows.'.$rIdx.'.report_qc_check_definition_id', $row['report_qc_check_definition_id'] ?? '');
                                    /** @var \App\Models\ReportQcCheckDefinition|null $checkDef */
                                    $checkDef = $cid !== '' && $cid !== null && $qcChecksById->has($cid) ? $qcChecksById->get($cid) : null;
                                    $activityIdForRow = ($checkDef && $checkDef->activity)
                                        ? (string) $checkDef->report_qc_activity_id
                                        : '';
                                    $activitiesForDomain = ($did !== '' && $did !== null)
                                        ? $activitiesCol->filter(fn ($act) => (int) $act->report_qc_domain_id === (int) $did)->values()
                                        : collect();
                                    if ($activitiesForDomain->count() === 1 && $activityIdForRow === '') {
                                        $activityIdForRow = (string) $activitiesForDomain->first()->id;
                                    }
                                    $checksForActivity = $activityIdForRow !== ''
                                        ? $checksCol->filter(fn ($chk) => (int) $chk->report_qc_activity_id === (int) $activityIdForRow)->values()
                                        : collect();
                                    $readings = old('report.part_c.general_check.rows.'.$rIdx.'.readings_yn', $row['readings_yn'] ?? '');
                                    $foundPlaces = old('report.part_c.general_check.rows.'.$rIdx.'.found_places', $row['found_places'] ?? '');
                                    $remarks = old('report.part_c.general_check.rows.'.$rIdx.'.remarks', $row['remarks'] ?? '');
                                    $dotBase = 'report.part_c.general_check.rows.'.$rIdx.'.';
                                @endphp
                                <tr class="report-qc-data-row report-c1-data-row" data-row-index="{{ $rIdx }}">
                                    <td class="report-b1-td">
                                        <select
                                            name="report[part_c][general_check][rows][{{ $rIdx }}][report_qc_domain_id]"
                                            class="form-control form-control-sm report-b1-input report-c1-js-domain @error($dotBase.'report_qc_domain_id') is-invalid @enderror"
                                            aria-label="Domain"
                                        >
                                            <option value="">Select domain</option>
                                            @foreach ($domainsCol as $dom)
                                                <option value="{{ $dom->id }}" @selected((string) $did === (string) $dom->id)>{{ $dom->name }}</option>
                                            @endforeach
                                        </select>
                                        @error($dotBase.'report_qc_domain_id')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </td>
                                    <td class="report-b1-td">
                                        <select
                                            class="form-control form-control-sm report-b1-input report-c1-js-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_c][general_check][rows][{{ $rIdx }}][report_qc_check_definition_id]"
                                            class="form-control form-control-sm report-b1-input report-c1-js-check @error($dotBase.'report_qc_check_definition_id') is-invalid @enderror"
                                            aria-label="Name of the test"
                                        >
                                            <option value="">Select test</option>
                                            @foreach ($checksForActivity as $chk)
                                                <option
                                                    value="{{ $chk->id }}"
                                                    data-standard="{{ e($chk->standard ?? '') }}"
                                                    data-found-hint="{{ e($chk->found_places_hint ?? '') }}"
                                                    @selected((string) $cid === (string) $chk->id)
                                                >{{ $chk->name }}</option>
                                            @endforeach
                                        </select>
                                        @error($dotBase.'report_qc_check_definition_id')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </td>
                                    <td class="report-b1-td">
                                        <select
                                            name="report[part_c][general_check][rows][{{ $rIdx }}][readings_yn]"
                                            class="form-control form-control-sm report-b1-input @error($dotBase.'readings_yn') is-invalid @enderror"
                                        >
                                            <option value="" @selected($readings === '')>—</option>
                                            <option value="YES" @selected($readings === 'YES')>YES</option>
                                            <option value="NO" @selected($readings === 'NO')>NO</option>
                                            <option value="N/A" @selected($readings === 'N/A')>N/A</option>
                                        </select>
                                        @error($dotBase.'readings_yn')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </td>
                                    <td class="report-b1-td">
                                        <span class="report-c1-found-hint small font-weight-bold d-block mb-1">{{ $checkDef && $checkDef->found_places_hint ? $checkDef->found_places_hint : '' }}</span>
                                        <input
                                            type="number"
                                            step="any"
                                            name="report[part_c][general_check][rows][{{ $rIdx }}][found_places]"
                                            value="{{ $foundPlaces }}"
                                            class="form-control form-control-sm report-b1-input @error($dotBase.'found_places') is-invalid @enderror"
                                            inputmode="decimal"
                                            autocomplete="off"
                                            title="{{ __('Enter a number only.') }}"
                                        >
                                        @error($dotBase.'found_places')
                                            <span class="invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </td>
                                    <td class="report-b1-td text-center report-qc-prefill">
                                        <span class="report-c1-prefill-standard">{{ $checkDef ? ($checkDef->standard ?: '—') : '—' }}</span>
                                    </td>
                                    <td class="report-b1-td">
                                        <textarea
                                            name="report[part_c][general_check][rows][{{ $rIdx }}][remarks]"
                                            rows="2"
                                            class="form-control form-control-sm report-b1-input @error($dotBase.'remarks') is-invalid @enderror"
                                        >{{ $remarks }}</textarea>
                                        @error($dotBase.'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-c1-remove-row" title="Remove row" aria-label="Remove row" @if (count($rowsOld) <= 1) style="visibility:hidden" @endif>
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="report-b2-toolbar report-c1-toolbar pms-report-toolbar-row--bottom mb-2">
                <button type="button" class="btn report-b1-btn-outline" id="report-c1-add-row">
                    + ADD ROW
                </button>
            </div>
        </div>
    </div>
</div>

<template id="report-c1-row-template">
    <tr class="report-qc-data-row report-c1-data-row" data-row-index="__R__">
        <td class="report-b1-td">
            <select name="report[part_c][general_check][rows][__R__][report_qc_domain_id]" class="form-control form-control-sm report-b1-input report-c1-js-domain" aria-label="Domain">
                <option value="">Select domain</option>
                @foreach ($domainsCol as $dom)
                    <option value="{{ $dom->id }}">{{ $dom->name }}</option>
                @endforeach
            </select>
        </td>
        <td class="report-b1-td">
            <select class="form-control form-control-sm report-b1-input report-c1-js-activity" aria-label="Activity or material">
                <option value="">Select activity</option>
            </select>
        </td>
        <td class="report-b1-td">
            <select name="report[part_c][general_check][rows][__R__][report_qc_check_definition_id]" class="form-control form-control-sm report-b1-input report-c1-js-check" aria-label="Name of the test">
                <option value="">Select test</option>
            </select>
        </td>
        <td class="report-b1-td">
            <select name="report[part_c][general_check][rows][__R__][readings_yn]" class="form-control form-control-sm report-b1-input">
                <option value="">—</option>
                <option value="YES">YES</option>
                <option value="NO">NO</option>
                <option value="N/A">N/A</option>
            </select>
        </td>
        <td class="report-b1-td">
            <span class="report-c1-found-hint small font-weight-bold d-block mb-1"></span>
            <input type="number" step="any" name="report[part_c][general_check][rows][__R__][found_places]" value="" class="form-control form-control-sm report-b1-input" inputmode="decimal" autocomplete="off" title="{{ __('Enter a number only.') }}">
        </td>
        <td class="report-b1-td text-center report-qc-prefill">
            <span class="report-c1-prefill-standard">—</span>
        </td>
        <td class="report-b1-td">
            <textarea name="report[part_c][general_check][rows][__R__][remarks]" rows="2" class="form-control form-control-sm report-b1-input"></textarea>
        </td>
        <td class="report-b1-td report-b1-td-actions text-center align-middle">
            <button type="button" class="btn btn-sm report-c1-remove-row" title="Remove row" aria-label="Remove row">
                <i class="fas fa-times"></i>
            </button>
        </td>
    </tr>
</template>

@push('scripts')
<script>
window.reportC1Catalog = {!! \Illuminate\Support\Js::from($reportC1CatalogForJs) !!};
</script>
<script>
(function () {
    var root = document.getElementById('report-c1-root');
    var tbody = document.getElementById('report-c1-tbody');
    var btnAdd = document.getElementById('report-c1-add-row');
    var tpl = document.getElementById('report-c1-row-template');
    var catalog = window.reportC1Catalog || { domains: [], activities: [], checks: [] };
    if (!root || !tbody || !btnAdd || !tpl) return;

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

    function checksForActivity(activityId) {
        var aid = parseInt(activityId, 10);
        if (!aid) return [];
        return (catalog.checks || []).filter(function (c) {
            return parseInt(c.report_qc_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 fillCheckSelect(sel, activityId, selectedCheckId) {
        var opts = checksForActivity(activityId);
        sel.innerHTML = '<option value="">Select test</option>';
        opts.forEach(function (c) {
            var o = document.createElement('option');
            o.value = c.id;
            o.textContent = c.name;
            o.setAttribute('data-standard', c.standard || '');
            o.setAttribute('data-found-hint', c.found_places_hint || '');
            if (selectedCheckId && String(c.id) === String(selectedCheckId)) o.selected = true;
            sel.appendChild(o);
        });
    }

    function applyPrefillFromCheck(tr) {
        var checkSel = tr.querySelector('.report-c1-js-check');
        var opt = checkSel && checkSel.options[checkSel.selectedIndex];
        var std = '—';
        var hint = '';
        if (opt && opt.value) {
            std = opt.getAttribute('data-standard') || '';
            hint = opt.getAttribute('data-found-hint') || '';
            if (std === '') std = '—';
        }
        var elS = tr.querySelector('.report-c1-prefill-standard');
        var elH = tr.querySelector('.report-c1-found-hint');
        if (elS) elS.textContent = std;
        if (elH) elH.textContent = hint ? hint : '';
    }

    function wireRow(tr) {
        var domSel = tr.querySelector('.report-c1-js-domain');
        var actSel = tr.querySelector('.report-c1-js-activity');
        var checkSel = tr.querySelector('.report-c1-js-check');
        if (!domSel || !actSel || !checkSel) return;

        domSel.addEventListener('change', function () {
            var prevAct = actSel.value;
            fillActivitySelect(actSel, domSel.value, prevAct);
            var acts = activitiesForDomain(domSel.value);
            var keep = prevAct && acts.some(function (a) { return String(a.id) === String(prevAct); });
            if (! keep && acts.length === 1) {
                actSel.value = String(acts[0].id);
            }
            var aid = actSel.value;
            fillCheckSelect(checkSel, aid, keep ? checkSel.value : '');
            applyPrefillFromCheck(tr);
        });
        actSel.addEventListener('change', function () {
            fillCheckSelect(checkSel, actSel.value, '');
            applyPrefillFromCheck(tr);
        });
        checkSel.addEventListener('change', function () {
            applyPrefillFromCheck(tr);
        });
    }

    function renumberRows() {
        var rows = tbody.querySelectorAll('.report-c1-data-row');
        rows.forEach(function (tr, i) {
            tr.setAttribute('data-row-index', String(i));
            tr.querySelectorAll('[name]').forEach(function (el) {
                el.name = el.name.replace(/rows\]\[\d+\]/, 'rows][' + i + ']');
            });
            var rm = tr.querySelector('.report-c1-remove-row');
            if (rm) rm.style.visibility = rows.length <= 1 ? 'hidden' : 'visible';
        });
    }

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

    tbody.querySelectorAll('.report-c1-data-row').forEach(function (tr) {
        bindRemove(tr);
        wireRow(tr);
        var domSelInit = tr.querySelector('.report-c1-js-domain');
        if (domSelInit && domSelInit.value) {
            domSelInit.dispatchEvent(new Event('change', { bubbles: true }));
        } else {
            applyPrefillFromCheck(tr);
        }
    });

    btnAdd.addEventListener('click', function () {
        var last = tbody.querySelector('.report-c1-data-row:last-child');
        var prevDomain = '';
        var prevActivity = '';
        if (last) {
            var lastDom = last.querySelector('.report-c1-js-domain');
            var lastAct = last.querySelector('.report-c1-js-activity');
            prevDomain = lastDom ? String(lastDom.value || '') : '';
            prevActivity = lastAct ? String(lastAct.value || '') : '';
        }

        var ix = tbody.querySelectorAll('.report-c1-data-row').length;
        var frag = document.importNode(tpl.content, true);
        var tr = frag.querySelector('tr');
        if (!tr) return;
        tr.setAttribute('data-row-index', String(ix));
        tr.querySelectorAll('[name]').forEach(function (el) {
            el.name = el.name.replace(/__R__/g, String(ix));
        });
        tbody.appendChild(tr);
        renumberRows();
        bindRemove(tr);
        wireRow(tr);

        var newDom = tr.querySelector('.report-c1-js-domain');
        var newAct = tr.querySelector('.report-c1-js-activity');
        var newCheck = tr.querySelector('.report-c1-js-check');
        if (newDom && prevDomain) {
            newDom.value = prevDomain;
        }
        if (newAct) {
            fillActivitySelect(newAct, prevDomain, prevActivity);
        }
        if (newCheck) {
            fillCheckSelect(newCheck, newAct ? newAct.value : '', '');
        }
        applyPrefillFromCheck(tr);

        var focusEl = (prevActivity && newCheck)
            ? newCheck
            : ((prevDomain && newAct) ? newAct : newDom);
        if (focusEl) focusEl.focus();
    });
})();
</script>
@endpush