$(function () {
  let keyType = Cookies.get('key_type') || 'N';
  console.log(`keyType: ${keyType}`);
  let setKeyType = function (keyType) {
    $("[name=key_type]").val([keyType]);
    if (keyType === 'N') {
      $('#ctrl-wrap').addClass('real');
      $('#menu_btn').addClass('real');
    } else {
      $('#ctrl-wrap').removeClass('real');
      $('#menu_btn').removeClass('real');
    }
    Cookies.set('key_type', keyType);
  }
  setKeyType(keyType);
  $('#menu_btn').click(function () {
    console.log('menu btn click');
    showMenu();
  });
  let showMenu = function() {
    $('#menu_back').show();
    $('#menu_container').removeClass('hidden');
  }
  let hideMenu = function() {
    $('#menu_back').hide();
    $('#menu_container').addClass('hidden');
  }

  $('#cancel_btn').click(function () {
    hideMenu();
  })
  $('#save_btn').click(function () {
    keyType = $('input[name="key_type"]:checked').val();
    setKeyType(keyType);
    hideMenu();
  })
})