import { BasicStatisticsApp } from './BasicStatisticsApp';
import { BasicPricingApp } from './BasicPricingApp';
import { EditionApp } from './EditionApp';
import { PilotToolsApp } from './PilotToolsApp';
import { ReceivablesApp } from './ReceivablesApp';
import { SettingsApp } from './SettingsApp';
import { configureDateTime } from '../booking-ui/dateTime';
import * as React from 'react';
import { createRoot, type Root } from 'react-dom/client';
import { __ } from '@wordpress/i18n';
import { ExternalContactsApp } from './ExternalContactsApp';
import { ReservationsApp } from './ReservationsApp';
import { BookingApi } from '../booking-ui/api';
import { CancellationAdminApp } from './CancellationAdminApp';
import { CatalogApp } from './CatalogApp';
import { ScheduleAdminApp } from './ScheduleAdminApp';
// Build scaffold only; WordPress will mount the admin application in Milestone 2.
export function mountScaffold(element: HTMLElement): Root {
    const root = createRoot(element);
    root.render(<p>{__('ABeCe Booking infrastructure is ready.', 'abece-booking')}</p>);
    return root;
}
const element = document.getElementById('abece-booking-admin');
if (element && window.ABeCeBookingConfig) {
    const config = window.ABeCeBookingConfig;
    configureDateTime(config);
    createRoot(element).render(config.page === 'editions' ? <EditionApp api={new BookingApi(config)}/> : config.page === 'getting-started' || config.page === 'system-status' ? <PilotToolsApp config={config}/> : config.page === 'statistics' ? (<BasicStatisticsApp config={config}/>) : config.page === 'receivables' ? <ReceivablesApp api={new BookingApi(config)}/> : config.page === 'external-contacts' ? <ExternalContactsApp api={new BookingApi(config)}/> : config.page === 'settings' ? <SettingsApp api={new BookingApi(config)} config={config}/> : config.page === 'cancellation-policies' ? <CancellationAdminApp api={new BookingApi(config)}/> : config.page === 'price-lists' ? (<BasicPricingApp config={config}/>) : config.page === 'bookings'
        ? <ReservationsApp api={new BookingApi(config)}/>
        : config.page === 'sports' || config.page === 'resources'
            ? <CatalogApp config={{ ...config, page: config.page }}/>
            : config.page === 'opening-hours' || config.page === 'schedule-exceptions' || config.page === 'resource-blocks'
                ? <ScheduleAdminApp config={{ ...config, page: config.page }}/>
                : <p>{__('This feature is not available in this edition.', 'abece-booking')}</p>);
}