const DEFAULT_INPUT_TEXT = '';

const DEFAULT_OUTPUT_TEXT = '';

const DEFAULT_ORIGIN_LAN = ''; // Empty string means detect langauge
const DEFAULT_DESTINATION_LAN = 'en' // English

const LANGUAGE_MAP =
[
{ text: 'Detect Language', val: '' },
{ text: 'Afrikaans', val: 'af' },
{ text: 'Albanian', val: 'sq' },
{ text: 'Amharic', val: 'am' },
{ text: 'Arabic', val: 'ar' },
{ text: 'Armenian', val: 'hy' },
{ text: 'Azerbaijani', val: 'az' },
{ text: 'Basque', val: 'eu' },
{ text: 'Belarusian', val: 'be' },
{ text: 'Bengali', val: 'bn' },
{ text: 'Bosnian', val: 'bs' },
{ text: 'Bulgarian', val: 'bg' },
{ text: 'Catalan', val: 'ca' },
{ text: 'Cebuano', val: 'ceb' },
{ text: 'Chinese (Simplified)', val: 'zh-CN' },
{ text: 'Chinese (Traditional)', val: 'zh-TW' },
{ text: 'Corsican', val: 'co' },
{ text: 'Croatian', val: 'hr' },
{ text: 'Czech', val: 'cs' },
{ text: 'Danish', val: 'da' },
{ text: 'Dutch', val: 'nl' },
{ text: 'English', val: 'en' },
{ text: 'Esperanto', val: 'eo' },
{ text: 'Estonian', val: 'et' },
{ text: 'Finnish', val: 'fi' },
{ text: 'French', val: 'fr' },
{ text: 'Frisian', val: 'fy' },
{ text: 'Galician', val: 'gl' },
{ text: 'Georgian', val: 'ka' },
{ text: 'German', val: 'de' },
{ text: 'Greek', val: 'el' },
{ text: 'Gujarati', val: 'gu' },
{ text: 'Haitian Creole', val: 'ht' },
{ text: 'Hausa', val: 'ha' },
{ text: 'Hawaiian', val: 'haw' },
{ text: 'Hebrew', val: 'he' },
{ text: 'Hindi', val: 'hi' },
{ text: 'Hmong', val: 'hmn' },
{ text: 'Hungarian', val: 'hu' },
{ text: 'Icelandic', val: 'is' },
{ text: 'Igbo', val: 'ig' },
{ text: 'Indonesian', val: 'id' },
{ text: 'Irish', val: 'ga' },
{ text: 'Italian', val: 'it' },
{ text: 'Japanese', val: 'ja' },
{ text: 'Javanese', val: 'jv' },
{ text: 'Kannada', val: 'kn' },
{ text: 'Kazakh', val: 'kk' },
{ text: 'Khmer', val: 'km' },
{ text: 'Korean', val: 'ko' },
{ text: 'Kurdish', val: 'ku' },
{ text: 'Kyrgyz', val: 'ky' },
 { text: 'Lao', val: 'lo' },
{ text: 'Latin', val: 'la' },
{ text: 'Latvian', val: 'lv' },
{ text: 'Lithuanian', val: 'lt' },
{ text: 'Luxembourgish', val: 'lb' },
{ text: 'Macedonian', val: 'mk' },
{ text: 'Malagasy', val: 'mg' },
{ text: 'Malay', val: 'ms' },
{ text: 'Malayalam', val: 'ml' },
{ text: 'Maltese', val: 'mt' },
{ text: 'Maori', val: 'mi' },
{ text: 'Marathi', val: 'mr' },
{ text: 'Mongolian', val: 'mn' },
{ text: 'Myanmar (Burmese)', val: 'my' },
{ text: 'Nepali', val: 'ne' },
{ text: 'Norwegian', val: 'no' },
{ text: 'Nyanja (Chichewa)', val: 'ny' },
{ text: 'Pashto', val: 'ps' },
{ text: 'Persian', val: 'fa' },
{ text: 'Polish', val: 'pl' },
{ text: 'Portuguese (Portugal, Brazil)', val: 'pt' },
{ text: 'Punjabi', val: 'pa' },
{ text: 'Romanian', val: 'ro' },
{ text: 'Russian', val: 'ru' },
{ text: 'Samoan', val: 'sm' },
{ text: 'Scots Gaelic', val: 'gd' },
{ text: 'Serbian', val: 'sr' },
{ text: 'Sesotho', val: 'st' },
{ text: 'Shona', val: 'sn' },
{ text: 'Sindhi', val: 'sd' },
{ text: 'Sinhala (Sinhalese)', val: 'si' },
{ text: 'Slovak', val: 'sk' },
{ text: 'Slovenian', val: 'sl' },
{ text: 'Somali', val: 'so' },
{ text: 'Spanish', val: 'es' },
{ text: 'Sundanese', val: 'su' },
{ text: 'Swahili', val: 'sw' },
{ text: 'Swedish', val: 'sv' },
{ text: 'Tagalog (Filipino)', val: 'tl' },
{ text: 'Tajik', val: 'tg' },
{ text: 'Tamil', val: 'ta' },
{ text: 'Telugu', val: 'te' },
{ text: 'Thai', val: 'th' },
{ text: 'Turkish', val: 'tr' },
{ text: 'Ukrainian', val: 'uk' },
{ text: 'Urdu', val: 'ur' },
{ text: 'Uzbek', val: 'uz' },
{ text: 'Vietnamese', val: 'vi' },
{ text: 'Welsh', val: 'cy' },
{ text: 'Xhosa', val: 'xh' },
{ text: 'Yiddish', val: 'yi' },
{ text: 'Yoruba', val: 'yo' },
{ text: 'Zulu', val: 'zu' }
];

/**
* Callback for rendering the main card.
* @return {[Link]} The card to show the user.
 */
function onHomepage(e) {
return createSelectionCard(e, DEFAULT_ORIGIN_LAN, DEFAULT_DESTINATION_LAN,
DEFAULT_INPUT_TEXT, DEFAULT_OUTPUT_TEXT);
}

/**
* Main function to generate the main card.
* @param {String} originLanguage Language of the original text.
* @param {String} destinationLanguage Language of the translation.
* @param {String} inputText The text to be translated.
* @param {String} outputText The text translated.
* @return {[Link]} The card to show to the user.
*/
function createSelectionCard(e, originLanguage, destinationLanguage, inputText,
outputText) {
var hostApp = e['hostApp'];
var builder = [Link]();

// "From" language selection & text input section

var fromSection = [Link]()
.addWidget(generateLanguagesDropdown('origin', 'From: ', originLanguage))
.addWidget([Link]()
.setFieldName('input')
.setValue(inputText)
.setTitle('Enter text...')
.setMultiline(true));

if (hostApp === 'docs') {

[Link]([Link]()
.addButton([Link]()
.setText('Get Selection')
.setOnClickAction([Link]().setFunctionName('getDocsSelection
'))
.setDisabled(false)))
} else if (hostApp === 'sheets') {
[Link]([Link]()
.addButton([Link]()
.setText('Get Selection')
.setOnClickAction([Link]().setFunctionName('getSheetsSelecti
on'))
.setDisabled(false)))
} else if (hostApp === 'slides') {
[Link]([Link]()
.addButton([Link]()
.setText('Get Selection')
.setOnClickAction([Link]().setFunctionName('getSlidesSelecti
on'))
.setDisabled(false)))
}

[Link](fromSection);

// "Translation" language selection & text input section

[Link]([Link]()
.addWidget(generateLanguagesDropdown('destination', 'To: ',
destinationLanguage))
.addWidget([Link]()
 .setFieldName('output')
.setValue(outputText)
.setTitle('Translation...')
.setMultiline(true)));

//Buttons section
[Link]([Link]()
.addWidget([Link]()
.addButton([Link]()
.setText('Translate')
.setTextButtonStyle([Link])
.setOnClickAction([Link]().setFunctionName('translateText'))
.setDisabled(false))
.addButton([Link]()
.setText('Clear')
.setOnClickAction([Link]().setFunctionName('clearText'))
.setDisabled(false))));

return [Link]();

/**
* Helper function to generate the drop down language menu. It checks what language
the user had selected.
* @param {String} fieldName
* @param {String} fieldTitle
* @param {String} previousSelected The language the user previously had selected.
* @return {[Link]} The card to show to the user.
*/
function generateLanguagesDropdown(fieldName, fieldTitle, previousSelected) {
var selectionInput = [Link]().setTitle(fieldTitle)
.setFieldName(fieldName)
.setType([Link]);

LANGUAGE_MAP.forEach((language, index, array) => {

[Link]([Link], [Link], [Link] ==
previousSelected);
})

return selectionInput;
}

/**
* Helper function to translate the text. If the originLanguage is an empty string,
the API detects the language
* @return {[Link]} The card to show to the user.
*/
function translateText(e) {
var originLanguage = [Link];
var destinationLanguage = [Link];
var inputText = [Link];

if (originLanguage !== destinationLanguage && inputText !== undefined) {

var translation = [Link]([Link], [Link],
[Link]);
return createSelectionCard(e, originLanguage, destinationLanguage, inputText,
translation);
}
}