import Crafter.CppDOM;
using namespace Crafter;
import std;

HtmlElement* body = new HtmlElement("body", "<div id='container'>"
    "<h1>Enhanced Event Handling Demo</h1>"
    "<button id='clickButton'>Click Me!</button>"
    "<button id='mouseButton'>Mouse Events</button>"
    "<input type='text' id='keyInput' placeholder='Press keys here'>"
    "<input type='text' id='changeInput' placeholder='Change me'>"
    "<div id='output'></div>"
    "</div>");
HtmlElement* clickButton = new HtmlElement("clickButton");
HtmlElement* mouseButton = new HtmlElement("mouseButton");
HtmlElement* keyInput = new HtmlElement("keyInput");
HtmlElement* changeInput = new HtmlElement("changeInput");
HtmlElement* output = new HtmlElement("output");

int main(){
    // Click event - simple handler
    clickButton->AddClickListener([&]() {
        output->SetInnerHTML("<p>Simple click event triggered!</p>");
    });
    
    // Mouse events with position data
    // mouseButton->AddMouseMoveListener([&](MouseEvent event) {
    //     output->SetInnerHTML("<p>Mouse moved to: (" + std::to_string(event.clientX) + ", " + std::to_string(event.clientY) + ")</p>");
    // });
    
    // Keyboard events with rich data
    keyInput->AddKeyDownListener([&](KeyboardEvent event) {
        std::string keyInfo = std::format("<p>Key pressed: {}</p>", event.key);
        if (event.ctrlKey) keyInfo += "<p>Ctrl key pressed</p>";
        if (event.shiftKey) keyInfo += "<p>Shift key pressed</p>";
        if (event.altKey) keyInfo += "<p>Alt key pressed</p>";
        output->SetInnerHTML(keyInfo);
    });
    
    // // Input event with data
    // keyInput->AddInputListener([&](InputEvent event) {
    //     output->SetInnerHTML(std::format("<p>Input data: {} (composing: {})</p>", event.data, event.isComposing));
    // });
    
    // Change event with value
    changeInput->AddChangeListener([&](ChangeEvent event) {
        output->SetInnerHTML("<p>Input value changed to: '" + event.value + "'</p>");
    });
    
    // Context menu with position
    mouseButton->AddContextMenuListener([&](MouseEvent event) {
        output->SetInnerHTML("<p>Context menu at: (" + std::to_string(event.clientX) + ", " + std::to_string(event.clientY) + ")</p>");
    });
    
    // Resize event
    body->AddResizeListener([&](ResizeEvent event) {
        output->SetInnerHTML("<p>Window resized to: " + std::to_string(event.width) + "x" + std::to_string(event.height) + "</p>");
    });
    
    // Scroll event
    body->AddScrollListener([&](ScrollEvent event) {
        output->SetInnerHTML("<p>Scrolled to: (" + std::to_string(event.scrollX) + ", " + std::to_string(event.scrollY) + ")</p>");
    });
}