// *********************************************************************************
// Scheme for the variables list
// *********************************************************************************

export const variableScheme = {
  hash: 'UUID for the variable',
  name: 'Variable name',
  type: 'Varaible type',
  value: 'Variable value'
};

// *********************************************************************************
// Variable types
// *********************************************************************************

export const variableTypes = [
  {
    name: 'inteiro',
    value: 'INTEGER',
    defaultValue: 0,
    htmlType: 'number',
    barrier: ''
  },
  {
    name: 'real',
    value: 'DOUBLE',
    defaultValue: 0.0,
    htmlType: 'number',
    barrier: ''
  },
  {
    name: 'cadeia',
    value: 'STRING',
    defaultValue: '',
    htmlType: 'text',
    barrier: '"'
  },
  {
    name: 'lógico',
    value: 'BOOLEAN',
    vales: [
      {
        name: 'verdadeiro',
        value: true
      },
      {
        name: 'falso',
        value: false
      }
    ],
    defaultValue: true,
    htmlType: 'select',
    barrier: ''
  }
];

export function getVariableTypeByValue(value) {
  for (let i = 0; i < variableTypes.length; i++) {
    if (variableTypes[i].value === value)
      return variableTypes[i];
  }

  return null;
}

// *********************************************************************************
// Html Schemes
// *********************************************************************************

let htmlVariableSchemeBuilt = '';

export function htmlVariableScheme() {

  if (htmlVariableSchemeBuilt !== '')
    return htmlVariableSchemeBuilt;

  let variableTypesHtml = '';

  for (let i = 0; i < variableTypes.length; i++) {
    variableTypesHtml += `<option value="${variableTypes[i].value}">${variableTypes[i].name}</option>\n`;
  }

  return `<li id="variable<variableId>Li">
            <form id="variable<variableId>Form">
              <div class="row">
                <div class="col-2">
                  <select name="tipo" class="form-control" title="tipo da variável" id="variable<variableId>Type" variable-id="<variableId>">
                      ${variableTypesHtml}
                  </select>
                </div>
                <div class="col-2">
                  <input type="text" class="form-control" title="nome da variável" id="variable<variableId>Name" value="<variableName>" variable-id="<variableId>">
                </div>
                <div class="col-1 text-center my-auto" style="margin-bottom: 0px !important">
                  <label for="variable<variableId>Value" tabindex="0" tile="recebe">recebe</label>
                </div>
                <div class="col-2">
                  <input type="${variableTypes[0].htmlType}" class="form-control" id ="variable<variableId>Value" title="valor da variável" value="0" variable-id="<variableId>">
                </div>
                <div class="col-1">
                  <button id="variable<variableId>Delete" type="button" class="btn btn-danger">Excluir</button>
                </div>
              </div>
            </form> 
          </li>`;
}

// *********************************************************************************