import { Component, OnInit } from '@angular/core';

import { MyHttpPostService } from '../services/my-http-post-service';
import { MyGeoLocationService} from '../services/my-geo-location.service';
import { MyBatteryInfoService } from '../services/my-battery-info.service';
import { MyCameraService } from '../services/my-camera-service';
import { RouterExtensions } from 'nativescript-angular/router';
import { Location } from 'nativescript-geolocation';

class Reason {
    constructor(public str: string, public causestring: string) {

     }
}

@Component({
  selector: 'result-page',
  templateUrl: './result-page.component.html',
  styleUrls: ['./result-page.component.css'],
  moduleId: module.id,
})
export class ResultPageComponent implements OnInit {
    returnMessage: string = "";
    isBusy: boolean;
    myReturnJSON: Object;
    locationData: Location;
    myPicture: String;
    image: any;
    flat_earth: boolean;
    in_australia: boolean;
    night: string = "";
    percentage: string = "Calculating...";
    hereswhy: string = "";
    itis: string = "";
    reasons: Array<Reason>;
    JSONObject;


  constructor(private myHttpPostSerivce: MyHttpPostService,
            private routerExtensions: RouterExtensions,
            private geoLocationService: MyGeoLocationService,
            private batterInfoService: MyBatteryInfoService,
            private cameraService: MyCameraService,){ }

  ngOnInit(): Promise<void> {
    this.isBusy = true;
    this.reasons = new Array<Reason>();
    return this.cameraService.takePicture().
    then(picture => {
        this.image = JSON.stringify(picture);
        //console.log('this is picture in json', JSON.stringify(picture));
        this.getLocation();
    })
  }

  public getLocation(): any {
    this.geoLocationService.getLocation().then(location => {
        this.locationData = location;
        //console.log('this is locationData', this.locationData);
        this.submit();
    }).catch(error => {
    });
}
public submit(): void {
    this.makePostRequest();
}

private makePostRequest(): void {
    this.isBusy = true;
    this.myHttpPostSerivce
        .postData({ position: this.locationData, image: this.image, flat_earth: true, in_australia: true, })
        .subscribe(res => {
            console.log('This is res', res);
            this.JSONObject = res;
            this.isBusy = false;
            this.addToArray();
            //console.log('THis is myreturnJSON', this.myReturnJSON);
        });
}

public addToArray(): void {

    if (this.JSONObject.night) {
        this.night = "NIGHT";
    } else {
        this.night = "DAY";
    }

    this.percentage = "At least we are "+Math.floor(this.JSONObject.weighted_probabilities_mean*100)+"% sure"
    for (let i = 0; i < this.JSONObject.predictions.length; i++) {
        var causestring = ""
        for (let j = 0; j < this.JSONObject.predictions[i].reasons.length; j++) {
            causestring = causestring + " - " + this.JSONObject.predictions[i].reasons[j] + "\n";
        }
        this.itis = "It is"
        this.hereswhy = "Here's why:"
        this.reasons.push(new Reason(""+Math.round(this.JSONObject.predictions[i].contribution*100)+"% - " + this.JSONObject.predictions[i].name, causestring));
    }
  }

  goBack(): void {
      this.routerExtensions.back();
  }

}