Simple Login page using suitelet

/**
 * @NApiVersion 2.0
 * @NScriptType Suitelet
 * @NModuleScope SameAccount
 */
define(['N/ui/serverWidget', 'N/record', 'N/redirect'], function (serverWidget, record, redirect) {
    function onRequest(context) {
        if (context.request.method === 'GET') {
            var form = serverWidget.createForm({
                title: 'Login Page'
            });

            // Create form fields for username and password
            var usernameField = form.addField({
                id: 'custpage_username',
                type: serverWidget.FieldType.TEXT,
                label: 'Username'
            });

            var passwordField = form.addField({
                id: 'custpage_password',
                type: serverWidget.FieldType.PASSWORD,
                label: 'Password'
            });

            // Add CSS styles to the fields
            usernameField.updateLayoutType({
                layoutType: serverWidget.FieldLayoutType.OUTSIDEBELOW
            });
            usernameField.updateDisplayType({
                displayType: serverWidget.FieldDisplayType.NORMAL
            });

            passwordField.updateLayoutType({
                layoutType: serverWidget.FieldLayoutType.OUTSIDEBELOW
            });
            passwordField.updateDisplayType({
                displayType: serverWidget.FieldDisplayType.NORMAL
            });

            form.addSubmitButton({
                label: 'Login'
            });

            // Add CSS to the form
            var css = '<style>';
            css += '#custpage_username, #custpage_password { width: 100%; }'; // Example CSS styles
            css += '</style>';
            form.addField({
                id: 'custpage_css',
                type: serverWidget.FieldType.INLINEHTML,
                label:
'test',
            }).defaultValue = css;

            context.response.writePage(form);
        } else if (context.request.method === 'POST') {
            var username = context.request.parameters.custpage_username;
            var password = context.request.parameters.custpage_password;

            // You can add your login logic here to authenticate the user.
            // For simplicity, we'll just redirect to a different page.
            redirect.toSuitelet({
                scriptId: 'customscript_my_custom_suitelet',
                deploymentId: 'customdeploy_my_custom_suitelet',
                parameters: { username: username, password: password }
            });
        }
    }

    return {
        onRequest: onRequest
    };
});