/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */
import {form} from '@xh/hoist/cmp/form';
import {div, filler} from '@xh/hoist/cmp/layout';
import {hoistCmp, uses} from '@xh/hoist/core';
import {button} from '@xh/hoist/desktop/cmp/button';
import {panel} from '@xh/hoist/desktop/cmp/panel';
import {recordActionBar} from '@xh/hoist/desktop/cmp/record';
import {RestFormModel} from '@xh/hoist/desktop/cmp/rest/impl/RestFormModel';
import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
import {Icon} from '@xh/hoist/icon';
import {dialog} from '@xh/hoist/kit/blueprint';
import './RestForm.scss';
import {isArray, startCase} from 'lodash';
import {restFormField} from './RestFormField';

/**
 * @internal
 */
export const restForm = hoistCmp.factory({
    displayName: 'RestForm',
    model: uses(RestFormModel),
    className: 'xh-rest-form',

    render({model, className, formBbar, testId}) {
        const {isAdd, readonly, isOpen, dialogRef} = model;
        if (!isOpen) return null;

        const unit = startCase(model.unit);
        return dialog({
            title: isAdd ? `Add ${unit}` : !readonly ? `Edit ${unit}` : `View ${unit}`,
            icon: isAdd ? Icon.add() : Icon.edit(),
            className,
            isOpen: true,
            isCloseButtonShown: false,
            item: panel({
                item: formDisplay({testId}),
                bbar: isArray(formBbar) ? toolbar(formBbar) : (formBbar ?? tbar()),
                ref: dialogRef,
                mask: 'onLoad'
            })
        });
    }
});

const formDisplay = hoistCmp.factory<RestFormModel>(({model, testId}) => {
    const formFields = model.editors.map(editor => restFormField({editor}));

    return form({
        fieldDefaults: {
            commitOnChange: true,
            minimal: true,
            inline: true,
            labelWidth: 120,
            labelTextAlign: 'right'
        },
        item: div({
            className: 'xh-rest-form__body',
            items: formFields
        }),
        testId
    });
});

const tbar = hoistCmp.factory<RestFormModel>(({model}) => {
    const {formModel, actions, currentRecord, gridModel} = model;
    return toolbar(
        recordActionBar({
            actions,
            gridModel,
            record: currentRecord
        }),
        filler(),
        button({
            text: formModel.readonly ? 'Close' : 'Cancel',
            onClick: () => model.close()
        }),
        button({
            text: 'Save Changes',
            icon: Icon.check(),
            intent: 'success',
            outlined: true,
            disabled: (!model.isAdd && !formModel.isDirty) || !formModel.isValid,
            onClick: () => model.validateAndSaveAsync(),
            omit: formModel.readonly
        })
    );
});