// configure the special accounts user interface
// by setting up some extra fields and specifying constraints
// see:https://github.com/ianmartorell/meteor-accounts-ui-bootstrap-3/
Accounts.ui.config({
  requestPermissions: {},
  extraSignupFields: [
    {
      fieldName: "first-name",
      fieldLabel: "First name",
      inputType: "text",
      visible: true,
      validate: function (value, errorFunction) {
        if (!value) {
          errorFunction("Please write your first name");
          return false;
        }
        else {
          return true;
        }
      }
    },
    {
      fieldName: "last-name",
      fieldLabel: "Last name",
      inputType: "text",
      visible: true
    },
    {
      fieldName: "gender",
      showFieldLabel: false,      // If true, fieldLabel will be shown before radio group
      fieldLabel: "Gender",
      inputType: "radio",
      radioLayout: "vertical",    // It can be "inline" or "vertical"
      data: [
        {                    // Array of radio options, all properties are required
          id: 1,                  // id suffix of the radio element
          label: "Male",          // label for the radio element
          value: "m"              // value of the radio element, this will be saved.
        },
        {
          id: 2,
          label: "Female",
          value: "f",
          checked: "checked"
        }
      ],
      visible: true
    },
    {
      fieldName: "country",
      fieldLabel: "Country",
      inputType: "select",
      showFieldLabel: true,
      empty: "Please select your country of residence",
      data: [
        {
          id: 1,
          label: "United States",
          value: "us"
        },
        {
          id: 2,
          label: "Spain",
          value: "es"
        }
      ],
      visible: true
    },
    {
      fieldName: "terms",
      fieldLabel: "I accept the terms and conditions <a href=\"\">Some outrageous terms</a>",
      inputType: "checkbox",
      visible: true,
      saveToProfile: false,
      validate: function (value, errorFunction) {
        if (value) {
          return true;
        }
        else {
          errorFunction("You must accept the terms and conditions.");
          return false;
        }
      }
    }
  ]
});