{{--表アクション--}}

{{--｜再読込ボタン--}}
<x-button.report-reload id="btn_reload"  @click="reloadForSalesActualResultData"/>

{{--｜列設定リセットボタン--}}
<x-button.sub id="btn_clear_col" text="列設定リセット"
    icon="fa-solid fa-eraser text-xs mr-0.5"
    shape="btn-table btn-light text-xs py-[0.1875rem]" />

{{--｜EXCEL出力 / CSV出力ボタン--}}
<x-button.report-excel id="btn_export" @click="exportForSalesActualResultData" />

{{-- script --}}
<script>

    /** CSV出力に切り替える閾値 */
    const CSV_THRESHOLD = {{ App\Services\Logic\User\Report\ReportService::CSV_THRESHOLD }};

    window.addEventListener('load', () => {

        // 再読込ボタン押下時
        window.reloadForSalesActualResultData = () => {
            if ($('#relation') != null) {
                Action.toggle($('#relation'), false);
            }
            Alpine.$data($('#grid')).search();
        }
        // 列設定リセットボタン押下時
        $('#btn_clear_col').addEventListener('click', (e) => {
            Alpine.$data($('#grid')).clearColumnState();
        });
        // 出力ボタン押下時（件数に応じてExcel/CSVを自動切替）
        window.exportForSalesActualResultData = () => {
            const gridData = Alpine.$data($('#grid'));
            const rowCount = gridData.gridApi.getDisplayedRowCount();
            const title = gridData.defs.title;

            if (rowCount > CSV_THRESHOLD) {
                // CSV出力（サーバーサイド・ストリーミング）
                csvDownloadForSalesActualResultData(title);
            } else {
                // Excel出力（クライアントサイド・従来通り）
                excelForSalesActualResultData(title);
            }
        }
    });

    /**
     * Excel出力（従来の処理）
     */
    function excelForSalesActualResultData(title) {
        const name = title + '_' + Editor.now() + '.xlsx';
        const gridData = Alpine.$data($('#grid'));
        const excelParams = {
            fileName: name,
            sheetName: title,
            processCellCallback: (params) => {
                const value = params.value;
                if (typeof value === 'string' && value.includes(',')) {
                    const cleanString = value.replace(/,/g, '');
                    return parseInt(cleanString, 10);
                }

                return value;
            }
        };
        // 詳細ボタン列・関連リンク列はExcel出力対象外（grid.js側のヘルパで判定）
        const columnKeys = gridData.getExcelExportColumnKeys();
        if (columnKeys) {
            excelParams.columnKeys = columnKeys;
        }
        gridData.gridApi.exportDataAsExcel(excelParams);
    }

    /**
     * CSV出力（サーバーサイド・ストリーミング）
     */
    function csvDownloadForSalesActualResultData(title) {
        const form = $('#search');
        const data = EntryAction.getData(form);

        // CSVエンドポイントURL（/reports/{id}/data → /reports/{id}/csv）
        const csvUrl = form.action.replace(/\/data$/, '/csv');

        Action.onLoading();

        // axiosでBlobとしてダウンロード
        const axiosPost = EntryAction.getPost();
        axiosPost
            .post(csvUrl, data, { responseType: 'blob' })
            .then((response) => {
                const blob = new Blob([response.data], { type: 'text/csv; charset=UTF-8' });
                const url = window.URL.createObjectURL(blob);
                const a = document.createElement('a');
                a.href = url;
                a.download = title + '_' + Editor.now() + '.csv';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                window.URL.revokeObjectURL(url);
                Action.onLoading(false);
            })
            .catch((error) => {
                console.error('CSV出力エラー:', error);
                toast('error', 'CSV出力に失敗しました。条件を絞り込んでください。');
                Action.onLoading(false);
            });
    }
</script>