{{-- 購買課-アフターパーツ発注依頼書｜ピボット表（report170 商品在庫照会(商品別) と同型） --}}
{{--
    ・ヘッダ検索フォームは持たず全件ロード（report199/200 と同じ閲覧専用思想）。
    ・1 行 = パーツ商品 × 倉庫グレイン。文字列列(A〜I)を行グループ、数値列(J〜U)を値列に持ち、
      同一パーツの倉庫行を行グループで畳み込む。引当(J)・在庫数(L)は SUM、その他数値列は Max。
    ・倉庫(場所名) / 中分類名 は ag-Grid の Set Filter（Filters ツールパネル）で複数選択・デフォルト全選択。
      本体グリッドには出さず（pivot 非描画＋明示 hide）、フィルタ専用列として保持する。
    ・出荷数 6 ヶ月の列ヘッダは proc が持つ年月ラベル(month_label_1〜6)で上書き表示する。
--}}
<x-report.report-pivot :report="$report" :defs="$defs">

    {{-- search（全件ロード。検索条件は持たないが getData() の POST 先フォームは必要） --}}
    <x-slot name="search">
        <form id="search" method="POST" action="{{route('reports.data',['report'=>$report->id])}}" class="hidden">
            @csrf
        </form>
    </x-slot>

    {{-- script --}}
    <script>
        document.addEventListener('alpine:init', () => {
            $(".report-grid").style.width = "4000px";
            Alpine.data('grid', () => {
                const gridData = Grid.pivot();
                const originalGetGridOptions = gridData.getGridOptions;

                // グループ行表示の初期値を「しない」に設定（パーツ単位の集約行=leafGroup のみ表示）
                const show = false;
                gridData.showRowGroup = show;
                gridData.groupDefaultExpanded = 0;
                document.getElementById('show_group_9').checked = true; // 「表示しない」を初期選択
                Action.toggle($('#expand'), show);

                return {
                    ...gridData,

                    getGridOptions() {
                        const options = originalGetGridOptions.call(this);

                        // データ初期表示時の処理
                        options.onFirstDataRendered = (params) => {
                            // 倉庫(場所名)・中分類名はフィルタ専用列。本体グリッドからは隠す
                            // （Filters ツールパネルでは Set Filter として複数選択・デフォルト全選択のまま使える）
                            params.api.setColumnsVisible(['warehouse_name', 'category_lv2_name'], false);

                            // 出荷数 6 ヶ月の列ヘッダを proc の年月ラベルで上書きする。
                            // month_label_1〜6 は全 leaf 行で同値のため、先頭 leaf から取得する。
                            let labelRow = null;
                            params.api.forEachLeafNode((node) => {
                                if (!labelRow && node.data) labelRow = node.data;
                            });
                            if (labelRow) {
                                let updated = false;
                                for (let i = 1; i <= 6; i++) {
                                    const col = params.api.getColumn('month_' + i);
                                    const label = labelRow['month_label_' + i];
                                    if (col && label) {
                                        col.getColDef().headerName = '出荷数(' + label + ')';
                                        updated = true;
                                    }
                                }
                                if (updated) params.api.refreshHeader();
                            }
                        };

                        return options;
                    }
                };
            });
        });
    </script>

</x-report.report-pivot>