// Call C from JavaScript Example

#include "webui.h"

void my_function_string(webui_event_t *e) {

  // JavaScript:
  // webui_fn('MyID_One', 'Hello');

  const char *str = webui_get_string(e);
  printf("my_function_string: %s\n", str); // Hello

  // Need Multiple Arguments?
  //
  // WebUI support only one argument. To get multiple arguments
  // you can send a JSON string from JavaScript then decode it.
  // Example:
  //
  // my_json = my_json_decoder(str);
  // foo = my_json[0];
  // bar = my_json[1];
}

void my_function_integer(webui_event_t *e) {

  // JavaScript:
  // webui_fn('MyID_Two', 123456789);

  long long number = webui_get_int(e);
  printf("my_function_integer: %lld\n", number); // 123456789
}

void my_function_boolean(webui_event_t *e) {

  // JavaScript:
  // webui_fn('MyID_Three', true);

  bool status = webui_get_bool(e); // True
  if (status)
    printf("my_function_boolean: True\n");
  else
    printf("my_function_boolean: False\n");
}

void my_function_with_response(webui_event_t *e) {

  // JavaScript:
  // const result = webui_fn('MyID_Four', number);

  long long number = webui_get_int(e);
  number = number * 2;
  printf("my_function_with_response: %lld\n", number);

  // Send back the response to JavaScript
  webui_return_int(e, number);
}

int main() {

  // HTML
  const char *my_html = "<html>"
                        "  <head>"
                        "    <title>Call C from JavaScript Example</title>"
                        "    <style>"
                        "      body {"
                        "        color: white;"
                        "        background: #0F2027;"
                        "        text-align: center;"
                        "        font-size: 16px;"
                        "        font-family: sans-serif;"
                        "      }"
                        "    </style>"
                        "  </head>"
                        "  <body>"
                        "    <h2>WebUI - Call C from JavaScript Example</h2>"
                        "    <p>Call C function with argument (<em>See the logs in your terminal</em>)</p>"
                        "    <br>"
                        "    <button onclick=\"webui_fn('MyID_One', 'Hello');\">Call my_function_string()</button>"
                        "    <br>"
                        "    <br>"
                        "    <button onclick=\"webui_fn('MyID_Two', 123456789);\">Call my_function_integer()</button>"
                        "    <br>"
                        "    <br>"
                        "    <button onclick=\"webui_fn('MyID_Three', true);\">Call my_function_boolean()</button>"
                        "    <br>"
                        "    <br>"
                        "    <p>Call C function and wait for the response</p>"
                        "    <br>"
                        "    <button onclick=\"MyJS();\">Call my_function_with_response()</button>"
                        "    <br>"
                        "    <br>"
                        "    <input type=\"text\" id=\"MyInputID\" value=\"2\">"
                        "    <script>"
                        "      function MyJS() {"
                        "        const MyInput = document.getElementById('MyInputID');"
                        "        const number = MyInput.value;"
                        "        webui_fn('MyID_Four', number).then((response) => {"
                        "            MyInput.value = response;"
                        "        });"
                        "      }"
                        "    </script>"
                        "    <script src=\"/webui.js\"></script>"
                        "  </body>"
                        "</html>";

  // Create a window
  size_t my_window = webui_new_window();

  // Bind HTML elements with C functions
  webui_bind(my_window, "MyID_One", my_function_string);
  webui_bind(my_window, "MyID_Two", my_function_integer);
  webui_bind(my_window, "MyID_Three", my_function_boolean);
  webui_bind(my_window, "MyID_Four", my_function_with_response);

  // Show the window
  webui_show(my_window, my_html); // webui_show_browser(my_window, my_html, Chrome);

  // Wait until all windows get closed
  webui_wait();

  return 0;
}

#if defined(_MSC_VER)
int APIENTRY WinMain(HINSTANCE hInst, HINSTANCE hInstPrev, PSTR cmdline, int cmdshow) { return main(); }
#endif
