{{--
    Nút xuất Excel kèm overlay "đang tải".

    Dùng:
        @include('partials.export-excel-button', [
            'route' => route('app.home.exportPartnerStatistic'),
            'form'  => '#search-report-home-partner',
        ])

    'form' là selector của form bộ lọc; toàn bộ input trong đó được gửi kèm, nên
    file xuất ra luôn khớp với thứ người dùng đang lọc trên màn hình.

    VÌ SAO KHÔNG SUBMIT FORM NHƯ TRANG CASHIN
    -----------------------------------------
    Trang cashin submit form rồi gọi setTimeout(hideFullPageLoading, 3000) — tức
    là đoán bừa 3 giây. Export nặng thì overlay tắt trước khi file về, export nhẹ
    thì người dùng ngồi nhìn overlay thừa mấy giây. Ở đây tải bằng fetch rồi dựng
    blob, nên overlay tắt ĐÚNG lúc file sẵn sàng, và lỗi phía server hiện ra được
    thành thông báo thay vì một trang trắng hoặc file hỏng.
--}}

@php
    $exportRoute = $route ?? '';
    $exportForm  = $form ?? '';
@endphp

<button type="button" class="btn btn-secondary ml-2"
    data-export-excel
    data-export-url="{{ $exportRoute }}"
    data-export-form="{{ $exportForm }}">
    <i class="fa-solid fa-file-excel"></i> {{ __('export_excel') }}
</button>

@once
    <div id="export-loading-overlay" class="d-none">
        <div class="spinner-border text-light" role="status">
            <span class="sr-only">Loading...</span>
        </div>
        <div class="export-loading-text">{{ __('exporting_please_wait') }}</div>
    </div>

    <style>
        #export-loading-overlay {
            display: flex;
            flex-direction: column;
            gap: 10px;
            align-items: center;
            justify-content: center;
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, .55);
            z-index: 9999;
            backdrop-filter: blur(2px);
        }

        #export-loading-overlay.d-none {
            display: none !important;
        }

        #export-loading-overlay .spinner-border {
            width: 3.2rem;
            height: 3.2rem;
        }

        #export-loading-overlay .export-loading-text {
            font-size: 14px;
            color: #fff;
            opacity: .9;
        }
    </style>

    <script>
        // Vanilla + listener uỷ quyền: khối này nằm trong section content, chạy
        // TRƯỚC khi jQuery được nạp ở section scripts, nên không được dùng $.
        (function() {
            var EXPORT_FAILED = @json(__('export_failed'));

            function overlay(show) {
                var el = document.getElementById('export-loading-overlay');
                if (el) el.classList.toggle('d-none', !show);
            }

            function notifyError(message) {
                if (window.toastr && typeof window.toastr.error === 'function') {
                    window.toastr.error(message);
                } else {
                    alert(message);
                }
            }

            // Tên file lấy từ Content-Disposition do server đặt, để không phải
            // dựng lại quy tắc đặt tên ở hai nơi.
            function filenameFrom(disposition, fallback) {
                if (!disposition) return fallback;
                var m = /filename\*=UTF-8''([^;]+)/i.exec(disposition);
                if (m) return decodeURIComponent(m[1]);
                m = /filename="?([^";]+)"?/i.exec(disposition);
                return m ? m[1] : fallback;
            }

            function saveBlob(blob, filename) {
                var url = URL.createObjectURL(blob);
                var a = document.createElement('a');
                a.href = url;
                a.download = filename;
                document.body.appendChild(a);
                a.click();
                a.remove();
                setTimeout(function() {
                    URL.revokeObjectURL(url);
                }, 1000);
            }

            document.addEventListener('click', function(event) {
                var btn = event.target.closest('[data-export-excel]');
                if (!btn || btn.disabled) return;

                event.preventDefault();

                var url = btn.getAttribute('data-export-url');
                var form = document.querySelector(btn.getAttribute('data-export-form'));
                if (!url || !form) return;

                var query = new URLSearchParams(new FormData(form)).toString();
                var full = url + (url.indexOf('?') === -1 ? '?' : '&') + query;

                btn.disabled = true;
                overlay(true);

                fetch(full, {
                        credentials: 'same-origin',
                        headers: {
                            'X-Requested-With': 'XMLHttpRequest'
                        }
                    })
                    .then(function(res) {
                        if (!res.ok) throw new Error('HTTP ' + res.status);

                        // Session hết hạn hoặc lỗi server thì trả về HTML/JSON
                        // chứ không phải file — bắt ở đây để không tải xuống một
                        // file .xlsx chứa trang đăng nhập.
                        var type = res.headers.get('Content-Type') || '';
                        if (type.indexOf('html') !== -1 || type.indexOf('json') !== -1) {
                            throw new Error('Unexpected response: ' + type);
                        }

                        var name = filenameFrom(
                            res.headers.get('Content-Disposition'),
                            'export.xlsx'
                        );

                        return res.blob().then(function(blob) {
                            saveBlob(blob, name);
                        });
                    })
                    .catch(function(err) {
                        console.error('[export-excel]', err);
                        notifyError(EXPORT_FAILED);
                    })
                    .finally(function() {
                        overlay(false);
                        btn.disabled = false;
                    });
            });
        })();
    </script>
@endonce