@props([
    'id' => 'view-export-toolbar',
    'targetSelector' => '#view-export-root',
    'filenamePrefix' => 'Widok',
    'titleDoc' => 'Eksport do DOC',
    'titlePdf' => 'Eksport do PDF',
    'titlePng' => 'Eksport do PNG',
    'titleHtml' => 'Eksport do HTML',
    'titlePrint' => 'Drukuj widok',
    'docLandscape' => false,
])

<div id="{{ $id }}" class="d-inline-flex align-items-center odo-export-toolbar view-export-toolbar">
    <button type="button" class="btn btn-primary btn_table_status btn-outline-secondary js-view-export-btn" data-format="doc" data-toggle="tooltip" title="{{ $titleDoc }}">
        <i class="fas fa-file-word fa-lg"></i>
    </button>
    <button type="button" class="btn btn-danger btn_table_status btn-outline-secondary js-view-export-btn" data-format="pdf" data-toggle="tooltip" title="{{ $titlePdf }}">
        <i class="fas fa-file-pdf fa-lg"></i>
    </button>
    <button type="button" class="btn btn-success btn_table_status btn-outline-secondary js-view-export-btn" data-format="png" data-toggle="tooltip" title="{{ $titlePng }}">
        <i class="fas fa-file-image fa-lg"></i>
    </button>
    <button type="button" class="btn btn-info btn_table_status btn-outline-secondary js-view-export-btn" data-format="html" data-toggle="tooltip" title="{{ $titleHtml }}">
        <i class="fas fa-file-code fa-lg"></i>
    </button>
    <button type="button" class="btn btn-secondary btn_table_status btn-outline-secondary js-view-export-btn" data-format="print" data-toggle="tooltip" title="{{ $titlePrint }}">
        <i class="fas fa-print fa-lg"></i>
    </button>
</div>

<style>
    .view-export-toolbar .btn {
        margin-left: 4px;
    }
</style>

<script>
    (function () {
        var toolbarId = @json($id);
        var targetSelector = @json($targetSelector);
        var filenamePrefix = @json($filenamePrefix);
        var docLandscape = @json((bool) $docLandscape);
        var pdfExportUrl = @json(route('view_export_html_pdf'));
        var scriptLoaded = window.__viewExportScriptsLoaded || {};
        window.__viewExportScriptsLoaded = scriptLoaded;

        function nowStamp() {
            var d = new Date();
            var pad = function (v) { return String(v).padStart(2, '0'); };
            return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate())
                + '_' + pad(d.getHours()) + '-' + pad(d.getMinutes()) + '-' + pad(d.getSeconds());
        }

        function safeFilename(ext) {
            return filenamePrefix + '_' + nowStamp() + '.' + ext;
        }

        function downloadBlob(blob, fileName) {
            var link = document.createElement('a');
            var url = URL.createObjectURL(blob);
            link.href = url;
            link.download = fileName;
            document.body.appendChild(link);
            link.click();
            setTimeout(function () {
                URL.revokeObjectURL(url);
                link.remove();
            }, 300);
        }

        function collectStyles() {
            var css = '';
            document.querySelectorAll('style').forEach(function (styleTag) {
                css += '\n' + (styleTag.textContent || '');
            });
            css += '\nbody { background: #ffffff; margin: 0; padding: 16px; }';
            return css;
        }

        function collectStylesheetLinks() {
            var links = '';
            document.querySelectorAll('link[rel="stylesheet"]').forEach(function (linkTag) {
                var href = linkTag.getAttribute('href');
                if (!href) {
                    return;
                }
                links += '<link rel="stylesheet" href="' + href + '">';
            });
            return links;
        }

        function cloneWithCanvasContent(source) {
            var clone = source.cloneNode(true);
            var sourceCanvases = source.querySelectorAll('canvas');
            var cloneCanvases = clone.querySelectorAll('canvas');

            cloneCanvases.forEach(function (canvas, index) {
                var sourceCanvas = sourceCanvases[index];
                if (!sourceCanvas) {
                    return;
                }

                try {
                    var image = document.createElement('img');
                    image.src = sourceCanvas.toDataURL('image/png');
                    image.alt = '';
                    image.className = 'js-export-chart-image';
                    image.style.display = 'block';
                    image.style.margin = '0 auto';
                    var renderWidth = Math.max(
                        Math.round(sourceCanvas.getBoundingClientRect().width || 0),
                        sourceCanvas.clientWidth || 0,
                        220
                    );
                    var renderHeight = Math.max(
                        Math.round(sourceCanvas.getBoundingClientRect().height || 0),
                        sourceCanvas.clientHeight || 0,
                        170
                    );
                    image.style.width = renderWidth + 'px';
                    image.style.height = 'auto';
                    image.style.objectFit = 'contain';
                    image.width = renderWidth;
                    image.height = renderHeight;

                    if (sourceCanvas.width && sourceCanvas.height) {
                        image.style.aspectRatio = sourceCanvas.width + ' / ' + sourceCanvas.height;
                    }
                    canvas.parentNode.replaceChild(image, canvas);
                } catch (error) {
                    try {
                        var ctx = canvas.getContext('2d');
                        canvas.width = sourceCanvas.width;
                        canvas.height = sourceCanvas.height;
                        ctx.drawImage(sourceCanvas, 0, 0);
                    } catch (fallbackError) {
                        // fallback bez kopiowania canvas
                    }
                }
            });

            return clone;
        }

        function normalizeCloneForFullContent(clone) {
            if (!clone) {
                return;
            }

            function expandElement(el) {
                if (!el || !el.style) {
                    return;
                }

                var overflowJoined = String((el.style.overflow || '') + ' ' + (el.style.overflowY || '') + ' ' + (el.style.overflowX || '')).toLowerCase();
                var hasScrollableOverflow = overflowJoined.indexOf('auto') !== -1 || overflowJoined.indexOf('scroll') !== -1 || overflowJoined.indexOf('hidden') !== -1;
                var hasHeightLimit = !!(el.style.maxHeight || el.style.height);

                if (hasScrollableOverflow || hasHeightLimit) {
                    el.style.overflow = 'visible';
                    el.style.overflowY = 'visible';
                    el.style.overflowX = 'visible';
                    el.style.maxHeight = 'none';
                    if (el.style.height) {
                        el.style.height = 'auto';
                    }
                }
            }

            expandElement(clone);
            clone.querySelectorAll('*').forEach(function (el) {
                expandElement(el);
            });

            clone.querySelectorAll('.tableFixHead thead th').forEach(function (th) {
                th.style.position = 'static';
                th.style.top = 'auto';
            });
        }

        function getSnapshotRoot(fullContent) {
            var source = document.querySelector(targetSelector);
            if (!source) {
                return null;
            }
            var clone = cloneWithCanvasContent(source);
            if (fullContent) {
                normalizeCloneForFullContent(clone);
            }
            return clone;
        }

        function getNoScrollbarCss() {
            return [
                'html, body { overflow: visible !important; height: auto !important; min-height: 0 !important; }',
                '.view-export-document, .view-export-document .border-rounded-top, .view-export-document .tab-content_2, .view-export-document .my_TabContentRounded { overflow: visible !important; height: auto !important; max-height: none !important; }',
                '.my_scrollbar, .my_scrollbar_new, .tableFixHead { overflow: visible !important; max-height: none !important; }',
                '.tableFixHead thead th { position: static !important; top: auto !important; }',
                '* { scrollbar-width: none !important; -ms-overflow-style: none !important; }',
                '*::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }'
            ].join('\n');
        }

        function stripFontFaceForPdf(cssText) {
            var css = String(cssText || '');
            return css.replace(/@font-face\s*{[^}]*}/gi, '');
        }

        function buildExportHtmlDocFromClone(clone, title, extraCss, isWordDoc, includeStylesheets) {
            var htmlAttrs = isWordDoc
                ? ' xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"'
                : '';

            var officeWordHead = isWordDoc
                ? '<meta name="ProgId" content="Word.Document">'
                    + '<meta name="Generator" content="Microsoft Word">'
                    + '<!--[if gte mso 9]><xml>'
                    + '<w:WordDocument>'
                    + '<w:View>Print</w:View>'
                    + '<w:Zoom>100</w:Zoom>'
                    + (docLandscape ? '<w:Orientation>Landscape</w:Orientation>' : '')
                    + '<w:DoNotOptimizeForBrowser/>'
                    + '</w:WordDocument>'
                    + '</xml><![endif]-->'
                : '';

            var bodyClass = (isWordDoc && docLandscape) ? ' class="Section1"' : '';

            var stylesContent = collectStyles() + '\n' + String(extraCss || '');
            if (includeStylesheets === false) {
                stylesContent = stripFontFaceForPdf(stylesContent);
            }

            var wrapper = document.createElement('div');
            wrapper.className = 'view-export-document';
            wrapper.appendChild(clone);

            return '<!doctype html><html' + htmlAttrs + '><head><meta charset="utf-8"><title>' + title + '</title>'
                + officeWordHead
                + (includeStylesheets === false ? '' : collectStylesheetLinks())
                + '<style>'
                + stylesContent
                + '</style></head><body' + bodyClass + '>'
                + '<div class="Section1">' + wrapper.innerHTML + '</div>'
                + '</body></html>';
        }

        function buildExportHtmlDoc(title, extraCss, isWordDoc, fullContent, includeStylesheets) {
            var clone = getSnapshotRoot(!!fullContent);
            if (!clone) {
                return null;
            }

            if (isWordDoc) {
                applyWordTargetOverrides(clone);
            }

            return buildExportHtmlDocFromClone(clone, title, extraCss, isWordDoc, includeStylesheets);
        }

        function applyWordTargetOverrides(clone) {
            if (!clone) {
                return;
            }

            var selector = String(targetSelector || '');
            if (selector.indexOf('#ko-posredni-export-root') === -1) {
                return;
            }

            clone.querySelectorAll('.js-export-chart-image').forEach(function (img) {
                img.removeAttribute('height');
                img.setAttribute('width', '1000');
                img.style.width = '1000px';
                img.style.maxWidth = '1000px';
                img.style.height = 'auto';
                img.style.display = 'block';
                img.style.margin = '0 auto';
            });

            clone.querySelectorAll('[style*="min-height"], [style*="min-Height"]').forEach(function (el) {
                if (!el || !el.style) {
                    return;
                }
                el.style.minHeight = '0';
                if (el.style.height && el.style.height !== 'auto') {
                    el.style.height = 'auto';
                }
            });
        }

        function getDocPageCss() {
            if (!docLandscape) {
                return '';
            }
            return [
                '@page { size: landscape; margin: 12mm; }',
                '@page Section1 { size: 841.9pt 595.3pt; mso-page-orientation: landscape; mso-page-width: 841.9pt; mso-page-height: 595.3pt; margin: 12mm 12mm 12mm 12mm; }',
                'body.Section1 { page: Section1; }',
                'div.Section1 { page: Section1; width: 100%; }'
            ].join('\n');
        }

        function ensureScript(url, checkFn, key) {
            return new Promise(function (resolve, reject) {
                if (checkFn()) {
                    resolve();
                    return;
                }
                if (scriptLoaded[key]) {
                    scriptLoaded[key].then(resolve).catch(reject);
                    return;
                }

                scriptLoaded[key] = new Promise(function (innerResolve, innerReject) {
                    var s = document.createElement('script');
                    s.src = url;
                    s.async = true;
                    s.onload = function () { innerResolve(); };
                    s.onerror = function () { innerReject(new Error('Nie udało się załadować biblioteki: ' + key)); };
                    document.head.appendChild(s);
                });

                scriptLoaded[key].then(resolve).catch(reject);
            });
        }

        function renderCloneToCanvas(clone) {
            return ensureScript(
                'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js',
                function () { return typeof window.html2canvas === 'function'; },
                'html2canvas'
            ).then(function () {
                var host = document.createElement('div');
                host.style.position = 'fixed';
                host.style.left = '-100000px';
                host.style.top = '0';
                host.style.background = '#ffffff';
                host.style.padding = '16px';
                host.style.zIndex = '-1';

                var styleTag = document.createElement('style');
                styleTag.textContent = collectStyles();
                host.appendChild(styleTag);
                host.appendChild(clone);
                document.body.appendChild(host);

                return window.html2canvas(host, {
                    backgroundColor: '#ffffff',
                    useCORS: true,
                    scale: 2
                }).then(function (canvas) {
                    host.remove();
                    return canvas;
                }).catch(function (err) {
                    host.remove();
                    throw err;
                });
            });
        }

        function renderToCanvas(fullContent) {
            var clone = getSnapshotRoot(!!fullContent);
            if (!clone) {
                return Promise.reject(new Error('Nie znaleziono widoku do eksportu.'));
            }
            return renderCloneToCanvas(clone);
        }

        function getKoRootElement(rootElement) {
            if (!rootElement) {
                return null;
            }
            if (rootElement.id === 'ko-wykres-export-root') {
                return rootElement;
            }
            return rootElement.querySelector('#ko-wykres-export-root');
        }

        function shrinkKoChartsForPng(clone) {
            var koRoot = getKoRootElement(clone);
            if (!koRoot) {
                return;
            }

            koRoot.querySelectorAll('.js-export-chart-image').forEach(function (img) {
                var baseWidth = parseFloat((img.style.width || '').replace('px', '')) || img.width || img.naturalWidth || 300;
                var pngWidth = Math.max(95, Math.round(baseWidth * 0.5));
                img.setAttribute('width', String(pngWidth));
                img.style.width = pngWidth + 'px';
                img.style.maxWidth = pngWidth + 'px';
                img.style.height = 'auto';
                img.style.display = 'block';
                img.style.margin = '0 auto';
            });
        }

        function captureKoChartCardSnapshots(scale) {
            var sourceRoot = document.querySelector(targetSelector);
            var koRoot = getKoRootElement(sourceRoot);
            if (!koRoot) {
                return Promise.resolve([]);
            }

            var selector = '.col-xl-3.col-lg-4.col-md-6.mb-3 > div';
            var cards = Array.prototype.slice.call(koRoot.querySelectorAll(selector));
            if (!cards.length) {
                return Promise.resolve([]);
            }

            return ensureScript(
                'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js',
                function () { return typeof window.html2canvas === 'function'; },
                'html2canvas'
            ).then(function () {
                var tasks = cards.map(function (card) {
                    return window.html2canvas(card, {
                        backgroundColor: '#ffffff',
                        useCORS: true,
                        scale: scale || 2
                    }).then(function (canvas) {
                        return {
                            dataUrl: canvas.toDataURL('image/png'),
                            width: Math.max(Math.round(card.getBoundingClientRect().width || 0), 220),
                            height: Math.max(Math.round(card.getBoundingClientRect().height || 0), 220)
                        };
                    });
                });
                return Promise.all(tasks);
            });
        }

        function buildExportHtmlDocWithKoChartImages(title, extraCss, isWordDoc, fullContent, includeStylesheets) {
            var sourceRoot = document.querySelector(targetSelector);
            if (!getKoRootElement(sourceRoot)) {
                return Promise.resolve(buildExportHtmlDoc(title, extraCss, isWordDoc, fullContent, includeStylesheets));
            }

            return captureKoChartCardSnapshots(isWordDoc ? 1.5 : 2).then(function (snapshots) {
                var clone = getSnapshotRoot(!!fullContent);
                if (!clone) {
                    return null;
                }
                var cloneKoRoot = getKoRootElement(clone);
                if (!cloneKoRoot) {
                    if (isWordDoc) {
                        applyWordTargetOverrides(clone);
                    }
                    return buildExportHtmlDocFromClone(clone, title, extraCss, isWordDoc, includeStylesheets);
                }

                if (snapshots.length) {
                    var firstSection = cloneKoRoot.querySelector('.px-3.pb-3:first-of-type');
                    if (firstSection) {
                        var sourceTitle = firstSection.querySelector('h6');
                        var titleText = sourceTitle ? sourceTitle.textContent : '';

                        var docWrap = document.createElement('div');
                        docWrap.className = 'ko-doc-charts-page';

                        if (titleText) {
                            var h6 = document.createElement('h6');
                            h6.className = 'ko-doc-charts-title';
                            h6.textContent = titleText;
                            docWrap.appendChild(h6);
                        }

                        var gridTable = document.createElement('table');
                        gridTable.className = 'ko-doc-charts-grid';
                        var tbody = document.createElement('tbody');
                        gridTable.appendChild(tbody);

                        for (var i = 0; i < snapshots.length; i += 4) {
                            var tr = document.createElement('tr');
                            for (var j = 0; j < 4; j++) {
                                var td = document.createElement('td');
                                var shot = snapshots[i + j];
                                if (shot) {
                                    var img = document.createElement('img');
                                    img.src = shot.dataUrl;
                                    img.alt = '';
                                    img.className = 'js-export-chart-card-image';
                                    if (isWordDoc) {
                                        var docChartWidth = Math.max(245, Math.round((shot.width || 300) * 0.49));
                                        img.setAttribute('width', String(docChartWidth));
                                        img.style.width = docChartWidth + 'px';
                                        img.style.maxWidth = docChartWidth + 'px';
                                    } else {
                                        img.style.width = '100%';
                                        img.style.maxWidth = '100%';
                                    }
                                    img.style.height = 'auto';
                                    img.style.display = 'block';
                                    img.style.margin = '0 auto';
                                    td.appendChild(img);
                                } else {
                                    td.innerHTML = '&nbsp;';
                                }
                                tr.appendChild(td);
                            }
                            tbody.appendChild(tr);
                        }

                        docWrap.appendChild(gridTable);
                        firstSection.innerHTML = '';
                        firstSection.appendChild(docWrap);
                    }
                }

                if (isWordDoc) {
                    applyWordTargetOverrides(clone);
                }
                return buildExportHtmlDocFromClone(clone, title, extraCss, isWordDoc, includeStylesheets);
            });
        }

        function getKoChartsTableExportCss(isWordDoc) {
            if (isWordDoc) {
                return [
                    '#ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) { page-break-before: always !important; break-before: page !important; }',
                    '#ko-wykres-export-root > .px-3.pb-3 { padding: 0 !important; }',
                    '.ko-doc-charts-page { width: 100% !important; }',
                    '.ko-doc-charts-title { margin: 0 0 8px 0 !important; font-size: 15px !important; font-weight: 700 !important; }',
                    '.ko-doc-charts-grid { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; }',
                    '.ko-doc-charts-grid td { width: 25% !important; vertical-align: top !important; padding: 6px !important; }',
                    '.ko-doc-charts-grid .js-export-chart-card-image { display: block !important; width: 49% !important; height: auto !important; margin: 0 auto !important; }',
                    '#ko-wykres-export-root table.new_table_app { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; }',
                    '#ko-wykres-export-root table.new_table_app th { font-size: 13px !important; font-weight: 700 !important; }',
                    '#ko-wykres-export-root table.new_table_app td { font-size: 13px !important; font-weight: 400 !important; }',
                    '#ko-wykres-export-root table.new_table_app th, #ko-wykres-export-root table.new_table_app td { padding: 5px 7px !important; }'
                ].join('\n');
            }

            return [
                '#ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) { page-break-before: always !important; break-before: page !important; }',
                '#ko-wykres-export-root > .px-3.pb-3 { padding: 0 !important; }',
                '.ko-doc-charts-page { width: 100% !important; }',
                '.ko-doc-charts-title { margin: 0 0 8px 0 !important; font-size: 13px !important; font-weight: 700 !important; }',
                '.ko-doc-charts-grid { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; }',
                '.ko-doc-charts-grid td { width: 25% !important; vertical-align: top !important; padding: 6px !important; }',
                '.ko-doc-charts-grid .js-export-chart-card-image { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; }',
                '#ko-wykres-export-root table { width: 100% !important; border-collapse: collapse !important; }',
                '#ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) table.new_table_app { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; }',
                '#ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) table.new_table_app th { font-size: 13px !important; font-weight: 700 !important; }',
                '#ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) table.new_table_app td { font-size: 13px !important; font-weight: 400 !important; }',
                '#ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) table.new_table_app th, #ko-wykres-export-root > .px-3.pb-3:nth-of-type(2) table.new_table_app td { padding: 5px 7px !important; }'
            ].join('\n');
        }

        function getDocTargetCustomCss() {
            var selector = String(targetSelector || '');
            if (selector.indexOf('#ko-posredni-export-root') !== -1) {
                return [
                    '#ko-posredni-export-root .js-export-chart-image { width: 1000px !important; max-width: 1000px !important; height: auto !important; margin: 0 auto !important; display: block !important; }',
                    '#ko-posredni-export-root table.new_table_app { font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400 !important; }',
                    '#ko-posredni-export-root table.new_table_app th { font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; }',
                    '#ko-posredni-export-root table.new_table_app td { font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }',
                    '#ko-posredni-export-root h5, #ko-posredni-export-root h6, #ko-posredni-export-root .h5, #ko-posredni-export-root .h6 { font-family: Arial, Helvetica, sans-serif !important; font-weight: 600 !important; }'
                ].join('\n');
            }
            return '';
        }

        function getPdfTargetCustomCss() {
            var selector = String(targetSelector || '');
            if (selector.indexOf('#ko-posredni-export-root') !== -1) {
                return [
                    '#ko-posredni-export-root .js-export-chart-image { width: 1000px !important; max-width: 1000px !important; height: auto !important; margin: 0 auto !important; display: block !important; }',
                    '#ko-posredni-export-root table.new_table_app { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400 !important; }',
                    '#ko-posredni-export-root table.new_table_app th { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; }',
                    '#ko-posredni-export-root table.new_table_app td { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }',
                    '#ko-posredni-export-root h5, #ko-posredni-export-root h6, #ko-posredni-export-root .h5, #ko-posredni-export-root .h6 { font-family: DejaVu Sans, Arial, sans-serif !important; font-weight: 600 !important; }'
                ].join('\n');
            }
            if (selector.indexOf('#ko-kolowy-export-root') !== -1) {
                return [
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 > .p-3 { padding: 10px !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 > .p-3 > .row { display: table !important; width: 100% !important; table-layout: fixed !important; margin-left: 0 !important; margin-right: 0 !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-5, #ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-7 { padding-left: 4px !important; padding-right: 4px !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-5 { display: table-cell !important; width: 58% !important; max-width: 58% !important; float: none !important; vertical-align: top !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-7 { display: table-cell !important; width: 42% !important; max-width: 42% !important; float: none !important; vertical-align: top !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-7.d-flex { display: table-cell !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-5 div[style*="height:34vh"] { height: 390px !important; min-height: 340px !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .js-export-chart-image { width: 600px !important; max-width: 600px !important; height: auto !important; margin: 0 auto !important; display: block !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-7 .w-100 { width: 100% !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-lg-7 .row { display: block !important; margin-left: 0 !important; margin-right: 0 !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-sm-4.mb-2 { display: block !important; float: none !important; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-bottom: 6px !important; padding-left: 0 !important; padding-right: 0 !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-sm-4.mb-2 > div { padding: 6px !important; border-radius: .3rem !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-sm-4.mb-2 > div > div:first-child { font-size: 12px !important; line-height: 1.15 !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-sm-4.mb-2 > div > strong { font-size: 18px !important; line-height: 1.05 !important; }',
                    '#ko-kolowy-export-root > .px-3.pt-2.pb-3 .col-sm-4.mb-2 > div > div:last-child { font-size: 18px !important; line-height: 1.05 !important; margin-top: 0 !important; }',
                    '#ko-kolowy-export-root table.new_table_app { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 400 !important; }',
                    '#ko-kolowy-export-root table.new_table_app th { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; }',
                    '#ko-kolowy-export-root table.new_table_app td { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }',
                    '#ko-kolowy-export-root h5, #ko-kolowy-export-root h6, #ko-kolowy-export-root .h5, #ko-kolowy-export-root .h6 { font-family: DejaVu Sans, Arial, sans-serif !important; font-weight: 600 !important; }',
                    '#ko-kolowy-export-root .small, #ko-kolowy-export-root small, #ko-kolowy-export-root .text-muted, #ko-kolowy-export-root .legend-label { font-family: DejaVu Sans, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }'
                ].join('\n');
            }
            return '';
        }

        function exportDoc() {
            var extraCss = [
                getNoScrollbarCss(),
                'body, table, th, td, div, span, p, h1, h2, h3, h4, h5, h6 { font-family: DejaVu Sans, Arial, sans-serif !important; }',
                getKoChartsTableExportCss(true),
                getDocTargetCustomCss()
            ].join('\n');
            if (docLandscape) {
                extraCss = getDocPageCss() + '\n' + extraCss;
            }

            buildExportHtmlDocWithKoChartImages(filenamePrefix, extraCss, true, true, true).then(function (html) {
                if (!html) {
                    return;
                }
                var htmlBlob = new Blob([html], { type: 'application/msword;charset=utf-8' });
                downloadBlob(htmlBlob, safeFilename('doc'));
            }).catch(function (err) {
                console.error(err);
                alert('Nie udało się wygenerować DOC.');
            });
        }

        function exportHtml() {
            var html = buildExportHtmlDoc(filenamePrefix, getNoScrollbarCss(), false, true);
            if (!html) {
                return;
            }
            var blob = new Blob([html], { type: 'text/html;charset=utf-8' });
            downloadBlob(blob, safeFilename('html'));
        }

        function exportPng() {
            var clone = getSnapshotRoot(true);
            if (!clone) {
                return;
            }

            shrinkKoChartsForPng(clone);

            renderCloneToCanvas(clone).then(function (canvas) {
                canvas.toBlob(function (blob) {
                    if (!blob) {
                        return;
                    }
                    downloadBlob(blob, safeFilename('png'));
                }, 'image/png');
            }).catch(function (err) {
                console.error(err);
                alert('Nie udało się wygenerować PNG.');
            });
        }

        function exportPdf() {
            var pdfExtraCss = [
                getNoScrollbarCss(),
                'body, table, th, td, div, span, p, h1, h2, h3, h4, h5, h6 { font-family: DejaVu Sans, Arial, sans-serif !important; }',
                getKoChartsTableExportCss(false),
                getPdfTargetCustomCss()
            ].join('\n');

            var sourceRoot = document.querySelector(targetSelector);
            var autoLandscape = false;
            if (sourceRoot) {
                autoLandscape = (sourceRoot.scrollWidth || 0) > (sourceRoot.scrollHeight || 0);
            }

            var orientation = docLandscape ? 'landscape' : (autoLandscape ? 'landscape' : 'portrait');
            var fileName = safeFilename('pdf');
            var csrfToken = '';
            var csrfMeta = document.querySelector('meta[name="csrf-token"]');
            if (csrfMeta) {
                csrfToken = String(csrfMeta.getAttribute('content') || '');
            }

            var formData = new FormData();

            buildExportHtmlDocWithKoChartImages(filenamePrefix, pdfExtraCss, false, true, true).then(function (html) {
                if (!html) {
                    return;
                }

                formData.append('html', html);
                formData.append('filename', fileName.replace(/\.pdf$/i, ''));
                formData.append('orientation', orientation);

                return fetch(pdfExportUrl, {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': csrfToken,
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    credentials: 'same-origin',
                    body: formData
                }).then(function (response) {
                    if (!response.ok) {
                        throw new Error('Błąd odpowiedzi serwera: ' + response.status);
                    }
                    return response.blob();
                }).then(function (blob) {
                    downloadBlob(blob, fileName);
                });
            }).catch(function (err) {
                console.error(err);
                alert('Nie udało się wygenerować PDF.');
            });
        }

        function printCurrentView() {
            var clone = getSnapshotRoot(true);
            if (!clone) {
                return;
            }

            var containerId = '__view_export_print_root__';
            var styleId = '__view_export_print_style__';
            var bodyPrintClass = '__view_export_print_active';

            var previousContainer = document.getElementById(containerId);
            if (previousContainer && previousContainer.parentNode) {
                previousContainer.parentNode.removeChild(previousContainer);
            }
            var previousStyle = document.getElementById(styleId);
            if (previousStyle && previousStyle.parentNode) {
                previousStyle.parentNode.removeChild(previousStyle);
            }

            var printContainer = document.createElement('div');
            printContainer.id = containerId;
            printContainer.style.display = 'none';
            printContainer.style.background = '#ffffff';
            printContainer.style.margin = '0';
            printContainer.style.padding = '0';
            printContainer.appendChild(clone);

            var printStyle = document.createElement('style');
            printStyle.id = styleId;
            var koPrintCss = [
                getKoChartsTableExportCss(false),
                '#ko-wykres-export-root .row { display: flex !important; flex-wrap: wrap !important; margin-left: -6px !important; margin-right: -6px !important; }',
                '#ko-wykres-export-root .col-xl-3.col-lg-4.col-md-6.mb-3 { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; padding: 0 6px !important; margin-bottom: 8px !important; page-break-inside: avoid !important; break-inside: avoid !important; }',
                '#ko-wykres-export-root .col-xl-3.col-lg-4.col-md-6.mb-3 > div { page-break-inside: avoid !important; break-inside: avoid !important; min-height: 0 !important; }',
                '#ko-wykres-export-root .js-export-chart-image { width: 68% !important; max-width: 68% !important; height: auto !important; margin: 0 auto !important; }',
                '#ko-kolowy-export-root .js-export-chart-image { width: 500px !important; max-width: 500px !important; height: auto !important; margin: 0 auto !important; display: block !important; }',
                '#ko-posredni-export-root .js-export-chart-image { width: 1000px !important; max-width: 1000px !important; height: auto !important; margin: 0 auto !important; display: block !important; }',
                '#ko-wykres-export-root .small, #ko-wykres-export-root small { font-size: 11px !important; line-height: 1.2 !important; }',
                '#ko-wykres-export-root h5, #ko-wykres-export-root h6 { font-size: 14px !important; margin-bottom: 6px !important; }'
            ].join('\n');
            printStyle.textContent = [
                collectStyles(),
                getNoScrollbarCss(),
                koPrintCss,
                '@media print {',
                '  body.' + bodyPrintClass + ' > * { display: none !important; }',
                '  body.' + bodyPrintClass + ' #' + containerId + ' {',
                '      display: block !important;',
                '      position: static !important;',
                '      width: 100% !important;',
                '      margin: 0 !important;',
                '      padding: 0 !important;',
                '      background: #ffffff !important;',
                '  }',
                '  body.' + bodyPrintClass + ' {',
                '      margin: 0 !important;',
                '      padding: 0 !important;',
                '      background: #ffffff !important;',
                '  }',
                '}'
            ].join('\n');

            document.head.appendChild(printStyle);
            document.body.appendChild(printContainer);

            var cleanedUp = false;
            var cleanupTimer = null;

            function cleanupPrintContext() {
                if (cleanedUp) {
                    return;
                }
                cleanedUp = true;
                if (cleanupTimer) {
                    clearTimeout(cleanupTimer);
                }
                document.body.classList.remove(bodyPrintClass);
                if (printContainer.parentNode) {
                    printContainer.parentNode.removeChild(printContainer);
                }
                if (printStyle.parentNode) {
                    printStyle.parentNode.removeChild(printStyle);
                }
                window.removeEventListener('afterprint', onAfterPrint);
            }

            function onAfterPrint() {
                setTimeout(cleanupPrintContext, 50);
            }

            window.addEventListener('afterprint', onAfterPrint);
            document.body.classList.add(bodyPrintClass);

            cleanupTimer = setTimeout(cleanupPrintContext, 30000);

            setTimeout(function () {
                window.focus();
                window.print();
            }, 60);
        }

        $(document).on('click', '#' + toolbarId + ' .js-view-export-btn', function () {
            var format = String($(this).data('format') || '').toLowerCase();
            if (!format) {
                return;
            }
            if (format === 'doc') { exportDoc(); return; }
            if (format === 'html') { exportHtml(); return; }
            if (format === 'png') { exportPng(); return; }
            if (format === 'pdf') { exportPdf(); return; }
            if (format === 'print') { printCurrentView(); return; }
        });
    })();
</script>