Pebble.addEventListener('ready', function() {
    console.log('PebbleKit JS ready!');
});

Pebble.addEventListener('showConfiguration', function() {
    var watch;
    if(Pebble.getActiveWatchInfo) {
      watch = Pebble.getActiveWatchInfo();
    }
    var url='http://pebble.lastfuture.de/config/squared46/';
    url += "?model="+watch.model;
    if (watch.platform == "basalt") {
      url += "&rect=true";
    } else if (watch.platform == "aplite") {
      url += "&rect=true&bw=true";
    }
    console.log('Showing configuration page: '+url);
    Pebble.openURL(url);
});

Pebble.addEventListener('webviewclosed', function(e) {
    var configData = JSON.parse(decodeURIComponent(e.response));
    console.log('Configuration page returned: '+JSON.stringify(configData));
    if (configData.background_color) {
        Pebble.sendAppMessage({
            large_mode: 0+(configData.large_mode === 'true'),
            eu_date: 0+(configData.eu_date === 'true'),
            quick_start: 0+(configData.quick_start === 'true'),
            leading_zero: 0+(configData.leading_zero === 'true'),
            background_color: configData.background_color,
            number_base_color: configData.number_base_color,
            number_variation: configData.number_variation,
            ornament_base_color: configData.ornament_base_color,
            ornament_variation: configData.ornament_variation,
            invert: 0+(configData.invert === 'true'),
            monochrome: 0+(configData.monochrome === 'true'),
            center: 0+(configData.center === 'true'),
            btvibe: 0+(configData.btvibe === 'true'),
            contrast: 0+(configData.contrast === 'true'),
            nightsaver: 0+(configData.nightsaver === 'true'),
            ns_start: parseInt(configData.ns_start),
            ns_stop: parseInt(configData.ns_stop),
            backlight: 0+(configData.backlight === 'true')
        }, function() {
            console.log('Send successful!');
        }, function() {
            console.log('Send failed!');
        });
    }
});