orion/app/modules/tenancy/static/admin/js/merchants.js

// noqa: js-006 - async init pattern is safe, loadData has try/catch
// static/admin/js/merchants.js

// ✅ Use centralized logger
const merchantsLog = window.LogConfig.loggers.merchants || window.LogConfig.createLogger('merchants');

// ============================================
// MERCHANT LIST FUNCTION
// ============================================
function adminMerchants() {
    return {
        // Inherit base layout functionality
        ...data(),

        // Page identifier for sidebar active state
        currentPage: 'merchants',

        // Merchants page specific state
        merchants: [],
        stats: {
            total: 0,
            verified: 0,
            active: 0,
            totalStores: 0
        },
        loading: false,
        error: null,

        // Modal state
        showDeleteMerchantModal: false,
        merchantToDelete: null,

        // Search and filters
        filters: {
            search: '',
            is_active: '',
            is_verified: ''
        },

        // Pagination state
        pagination: {
            page: 1,
            per_page: 20,
            total: 0,
            pages: 0
        },

        // Initialize
        async init() {
            merchantsLog.info('=== COMPANIES PAGE INITIALIZING ===');

            // Prevent multiple initializations
            if (window._merchantsInitialized) {
                merchantsLog.warn('Merchants page already initialized, skipping...');
                return;
            }
            window._merchantsInitialized = true;

            // Load platform settings for rows per page
            if (window.PlatformSettings) {
                this.pagination.per_page = await window.PlatformSettings.getRowsPerPage();
            }

            merchantsLog.group('Loading merchants data');
            await this.loadMerchants();
            merchantsLog.groupEnd();

            merchantsLog.info('=== COMPANIES PAGE INITIALIZATION COMPLETE ===');
        },

        // Debounced search
        debouncedSearch() {
            if (this._searchTimeout) {
                clearTimeout(this._searchTimeout);
            }
            this._searchTimeout = setTimeout(() => {
                merchantsLog.info('Search triggered:', this.filters.search);
                this.pagination.page = 1;
                this.loadMerchants();
            }, 300);
        },

        // Computed: Get merchants for current page (already paginated from server)
        get paginatedMerchants() {
            return this.merchants;
        },

        // Computed: Total number of pages
        get totalPages() {
            return this.pagination.pages;
        },

        // Computed: Start index for pagination display
        get startIndex() {
            if (this.pagination.total === 0) return 0;
            return (this.pagination.page - 1) * this.pagination.per_page + 1;
        },

        // Computed: End index for pagination display
        get endIndex() {
            const end = this.pagination.page * this.pagination.per_page;
            return end > this.pagination.total ? this.pagination.total : end;
        },

        // Computed: Generate page numbers array with ellipsis
        get pageNumbers() {
            const pages = [];
            const totalPages = this.totalPages;
            const current = this.pagination.page;

            if (totalPages <= 7) {
                // Show all pages if 7 or fewer
                for (let i = 1; i <= totalPages; i++) {
                    pages.push(i);
                }
            } else {
                // Always show first page
                pages.push(1);

                if (current > 3) {
                    pages.push('...');
                }

                // Show pages around current page
                const start = Math.max(2, current - 1);
                const end = Math.min(totalPages - 1, current + 1);

                for (let i = start; i <= end; i++) {
                    pages.push(i);
                }

                if (current < totalPages - 2) {
                    pages.push('...');
                }

                // Always show last page
                pages.push(totalPages);
            }

            return pages;
        },

        // Load merchants with search and pagination
        async loadMerchants() {
            this.loading = true;
            this.error = null;

            try {
                merchantsLog.info('Fetching merchants from API...');

                const params = new URLSearchParams();
                params.append('skip', (this.pagination.page - 1) * this.pagination.per_page);
                params.append('limit', this.pagination.per_page);

                if (this.filters.search) {
                    params.append('search', this.filters.search);
                }
                if (this.filters.is_active) {
                    params.append('is_active', this.filters.is_active);
                }
                if (this.filters.is_verified) {
                    params.append('is_verified', this.filters.is_verified);
                }

                const response = await apiClient.get(`/admin/merchants?${params}`);

                if (response.merchants) {
                    this.merchants = response.merchants;
                    this.pagination.total = response.total;
                    this.pagination.pages = Math.ceil(response.total / this.pagination.per_page);

                    // Calculate stats from all merchants (need separate call for accurate stats)
                    this.stats.total = response.total;
                    this.stats.verified = this.merchants.filter(c => c.is_verified).length;
                    this.stats.active = this.merchants.filter(c => c.is_active).length;
                    this.stats.totalStores = this.merchants.reduce((sum, c) => sum + (c.store_count || 0), 0);

                    merchantsLog.info(`Loaded ${this.merchants.length} merchants (total: ${response.total})`);
                } else {
                    merchantsLog.warn('No merchants in response');
                    this.merchants = [];
                }
            } catch (error) {
                merchantsLog.error('Failed to load merchants:', error);
                this.error = error.message || 'Failed to load merchants';
                this.merchants = [];
            } finally {
                this.loading = false;
            }
        },

        // Edit merchant
        editMerchant(merchantId) {
            merchantsLog.info('Edit merchant:', merchantId);
            // TODO: Navigate to edit page
            window.location.href = `/admin/merchants/${merchantId}/edit`;
        },

        // Prompt delete merchant modal
        promptDeleteMerchant(merchant) {
            if (merchant.store_count > 0) {
                merchantsLog.warn('Cannot delete merchant with stores');
                Utils.showToast(`Cannot delete "${merchant.name}" because it has ${merchant.store_count} store(s). Please delete or reassign the stores first.`, 'warning');
                return;
            }
            this.merchantToDelete = merchant;
            this.showDeleteMerchantModal = true;
        },

        // Delete merchant
        async deleteMerchant(merchant) {
            try {
                merchantsLog.info('Deleting merchant:', merchant.id);

                await apiClient.delete(`/admin/merchants/${merchant.id}?confirm=true`);

                merchantsLog.info('Merchant deleted successfully');

                // Reload merchants
                await this.loadMerchants();
                await this.loadStats();

                Utils.showToast(`Merchant "${merchant.name}" deleted successfully`, 'success');
            } catch (error) {
                merchantsLog.error('Failed to delete merchant:', error);
                Utils.showToast(`Failed to delete merchant: ${error.message}`, 'error');
            }
        },

        // Pagination methods
        previousPage() {
            if (this.pagination.page > 1) {
                this.pagination.page--;
                merchantsLog.info('Previous page:', this.pagination.page);
                this.loadMerchants();
            }
        },

        nextPage() {
            if (this.pagination.page < this.totalPages) {
                this.pagination.page++;
                merchantsLog.info('Next page:', this.pagination.page);
                this.loadMerchants();
            }
        },

        goToPage(pageNum) {
            if (pageNum !== '...' && pageNum >= 1 && pageNum <= this.totalPages) {
                this.pagination.page = pageNum;
                merchantsLog.info('Go to page:', this.pagination.page);
                this.loadMerchants();
            }
        },

        // Format date for display
        formatDate(dateString) {
            if (!dateString) return 'N/A';
            try {
                const date = new Date(dateString);
                return date.toLocaleDateString('en-US', {
                    year: 'numeric',
                    month: 'short',
                    day: 'numeric'
                });
            } catch (e) {
                merchantsLog.error('Date parsing error:', e);
                return dateString;
            }
        }
    };
}

// Register logger for configuration
if (!window.LogConfig.loggers.merchants) {
    window.LogConfig.loggers.merchants = window.LogConfig.createLogger('merchants');
}

merchantsLog.info('✅ Merchants module loaded');