Ext.define('pmg-transport', {
    extend: 'Ext.data.Model',
    fields: ['domain', 'host', 'protocol', { name: 'port', type: 'integer' },
	      { name: 'use_mx', type: 'boolean' }, 'comment'],
    proxy: {
        type: 'proxmox',
	url: "/api2/json/config/transport",
    },
    idProperty: 'domain',
});

Ext.define('PMG.Transport', {
    extend: 'Ext.grid.GridPanel',
    alias: ['widget.pmgTransport'],

    initComponent: function() {
	let me = this;

	let store = new Ext.data.Store({
	    model: 'pmg-transport',
	    sorters: {
		property: 'domain',
		order: 'DESC',
	    },
	});
	Proxmox.Utils.monStoreErrors(me, store, true);
	let reload = () => store.load();

	me.selModel = Ext.create('Ext.selection.RowModel', {});

	let run_editor = function() {
	    let rec = me.selModel.getSelection()[0];
	    if (!rec) {
		return;
	    }

	    let win = Ext.createWidget('pmgTransportEditor', {
		url: "/api2/extjs/config/transport/" + rec.data.domain,
		method: 'PUT',
	    });
	    win.load();
	    win.on('destroy', reload);
	    win.show();
	};

	Ext.apply(me, {
	    store: store,
	    tbar: [
		{
		    xtype: 'proxmoxButton',
		    text: gettext('Edit'),
		    disabled: true,
		    selModel: me.selModel,
		    handler: run_editor,
		},
		{
		    text: gettext('Create'),
		    handler: function() {
			let win = Ext.createWidget('pmgTransportEditor', {
			    method: 'POST',
			    url: "/api2/extjs/config/transport",
			    isCreate: true,
			});
			win.on('destroy', reload);
			win.show();
		    },
		},
		{
		    xtype: 'proxmoxStdRemoveButton',
		    selModel: me.selModel,
		    baseurl: '/config/transport',
		    callback: reload,
		    waitMsgTarget: me,
		},
	    ],
	    viewConfig: {
		trackOver: false,
	    },
	    columns: [
		{
		    header: gettext('Relay Domain'),
		    width: 200,
		    dataIndex: 'domain',
		},
		{
		    header: gettext('Host'),
		    width: 200,
		    dataIndex: 'host',
		},
		{
		    header: gettext('Protocol'),
		    width: 200,
		    dataIndex: 'protocol',
		},
		{
		    header: gettext('Port'),
		    width: 80,
		    dataIndex: 'port',
		},
		{
		    header: gettext('Use MX'),
		    width: 80,
		    renderer: Proxmox.Utils.format_boolean,
		    dataIndex: 'use_mx',
		},
		{
		    header: gettext('Comment'),
		    renderer: Ext.String.htmlEncode,
		    dataIndex: 'comment',
		    flex: 1,
		},
	    ],
	    listeners: {
		itemdblclick: run_editor,
		activate: reload,
	    },
	});

	me.callParent();
    },
});

Ext.define('PMG.TransportEditor', {
    extend: 'Proxmox.window.Edit',
    alias: 'widget.pmgTransportEditor',
    mixins: ['Proxmox.Mixin.CBind'],

    cbindData: (cfg) => ({
	domainXType: cfg.method === 'POST' ? 'proxmoxtextfield' : 'displayfield',
    }),

    viewModel: {
	data: {
	    proto: 'smtp',
	},
	formulas: {
	    protoIsSMTP: get => get('proto') === 'smtp',
	},
    },
    onlineHelp: 'pmgconfig_mailproxy_transports',
    subject: gettext("Transport"),

    items: [
	{
	    xtype: 'displayfield',
	    cbind: {
		xtype: '{domainXType}',
	    },
	    name: 'domain',
	    fieldLabel: gettext("Relay Domain"),
	},
	{
	    xtype: 'textfield',
	    name: 'host',
	    fieldLabel: gettext("Host"),
	},
	{
	    xtype: 'proxmoxKVComboBox',
	    name: 'protocol',
	    fieldLabel: gettext('Protocol'),
	    deleteEmpty: false,
	    comboItems: [
		['smtp', 'SMTP'],
		['lmtp', 'LMTP'],
	    ],
	    allowBlank: true,
	    value: 'smtp',
	    bind: {
		value: '{proto}',
	    },
	},
	{
	    xtype: 'proxmoxintegerfield',
	    name: 'port',
	    value: 25,
	    minValue: 1,
	    maxValue: 65535,
	    fieldLabel: gettext("Port"),
	},
	{
	    xtype: 'proxmoxcheckbox',
	    name: 'use_mx',
	    checked: true,
	    bind: {
		disabled: '{!protoIsSMTP}',
		hidden: '{!protoIsSMTP}',
	    },
	    uncheckedValue: 0,
	    fieldLabel: gettext('Use MX'),
	},
	{
	    xtype: 'textfield',
	    name: 'comment',
	    fieldLabel: gettext("Comment"),
	},
    ],
});