import * as blessed from '../lib/blessed';

const screen = blessed.default.screen();

const form = blessed.default.form({
  parent: screen,
  keys: true,
  left: 0,
  top: 0,
  width: 30,
  height: 4,
  bg: 'green',
  content: 'Submit or cancel?',
});

const submit = blessed.default.button({
  parent: form,
  mouse: true,
  keys: true,
  shrink: true,
  padding: {
    left: 1,
    right: 1,
  },
  left: 10,
  top: 2,
  name: 'submit',
  content: 'submit',
  style: {
    bg: 'blue',
    focus: {
      bg: 'red',
    },
    hover: {
      bg: 'red',
    },
  },
});

const cancel = blessed.default.button({
  parent: form,
  mouse: true,
  keys: true,
  shrink: true,
  padding: {
    left: 1,
    right: 1,
  },
  left: 20,
  top: 2,
  name: 'cancel',
  content: 'cancel',
  style: {
    bg: 'blue',
    focus: {
      bg: 'red',
    },
    hover: {
      bg: 'red',
    },
  },
});

submit.on('press', function () {
  form.submit();
});

cancel.on('press', function () {
  form.reset();
});

form.on('submit', function (data) {
  form.setContent('Submitted.');
  screen.render();
});

form.on('reset', function (data) {
  form.setContent('Canceled.');
  screen.render();
});

screen.key('q', function () {
  process.exit(0);
});

screen.render();