import { Component, OnInit } from '@angular/core';
import { Validators, FormBuilder, FormGroup } from '@angular/forms';
import { Http, Response } from '@angular/http';
import { ApiService } from '../providers/api-service';
import 'rxjs/add/operator/map';

@Component({
  templateUrl: 'add-data.component.html',
  providers: [ApiService]
})
export class FeedbackPage {
  feedbackForm: FormGroup;
  loggedIn: boolean;
  loggedInEmail: any;
  username: any;
  feedbackFormStatus: any;
  feedbackFormStatusError: string = 'Error received, please try again.';

  constructor(
    private http: Http,
  	private formBuilder: FormBuilder,
  	private api: ApiService,
  ) {
    this.getUserEmail();

    this.feedbackForm = this.formBuilder.group({
      email:           ['', [Validators.required]],
      feedbacktext:    ['', [Validators.required]],
    });
  }

  onSubmit() {
    this.api
      .feedback(this.feedbackForm.value)
      .subscribe(
        result => {
          if ( result.success == true ) {
            console.log('Successful Upload');
            console.log(result);
            this.feedbackFormStatus = "success";
            console.log(this.feedbackFormStatus);
            this.feedbackForm.patchValue({
              feedbacktext: '',
            });
          } else {
            console.log('Upload Error');
            this.feedbackFormStatusError = JSON.stringify(result.status) + 'Error, ' + JSON.stringify(result.message);
            this.feedbackFormStatus = "send_failed";
            console.log(this.feedbackFormStatus);
          }
        },
        error => {
          console.log('Upload Error');
          console.log(error);
          try {
            console.log(error.error);
            let jsonError = error.json();
            console.log("boop");
            this.feedbackFormStatusError = '"' + jsonError.error + '" Error, ' + jsonError.message;
          } catch(e) {
            this.feedbackFormStatusError = 'There was a server error, please try again later.';
          }
          this.feedbackFormStatus = "send_failed";
          console.log(this.feedbackFormStatus);
        }
      );
  }

  getUserEmail() {
    this.api.getEmail().subscribe(
      result => {
        if (result) {
          console.log('Email has been received');
          this.loggedInEmail = result;
          this.loggedIn = true;
        } else {
          console.log('Email is not available');
          this.loggedIn = false;
        }
      },
      err => {
        console.log('Email could not be received');
        this.loggedIn = false;
      }
    );
  }

}