import {Component} from '@angular/core';
import {Builder, ByteBuffer} from 'flatbuffers';
import {ErrorResponse} from 'org_frc971/scouting/webserver/requests/messages/error_response_generated';
import {RequestNotesForTeam} from 'org_frc971/scouting/webserver/requests/messages/request_notes_for_team_generated';
import {Note as NoteFb, RequestNotesForTeamResponse} from 'org_frc971/scouting/webserver/requests/messages/request_notes_for_team_response_generated';
import {SubmitNotes} from 'org_frc971/scouting/webserver/requests/messages/submit_notes_generated';
import {SubmitNotesResponse} from 'org_frc971/scouting/webserver/requests/messages/submit_notes_response_generated';

type Section = 'TeamSelection'|'Data';

interface Note {
  readonly data: string;
}

@Component({
  selector: 'frc971-notes',
  templateUrl: './notes.ng.html',
  styleUrls: ['../common.css', './notes.component.css']
})
export class Notes {
  section: Section = 'TeamSelection';
  notes: Note[] = [];

  errorMessage = '';

  teamNumber: number = 971;
  newData = '';

  async setTeamNumber() {
    const builder = new Builder();
    RequestNotesForTeam.startRequestNotesForTeam(builder);
    RequestNotesForTeam.addTeam(builder, this.teamNumber);
    builder.finish(RequestNotesForTeam.endRequestNotesForTeam(builder));

    const buffer = builder.asUint8Array();
    const res = await fetch(
        '/requests/request/notes_for_team', {method: 'POST', body: buffer});

    const resBuffer = await res.arrayBuffer();
    const fbBuffer = new ByteBuffer(new Uint8Array(resBuffer));

    if (res.ok) {
      this.notes = [];
      const parsedResponse =
          RequestNotesForTeamResponse.getRootAsRequestNotesForTeamResponse(
              fbBuffer);
      for (let i = 0; i < parsedResponse.notesLength(); i++) {
        const fbNote = parsedResponse.notes(i);
        this.notes.push({data: fbNote.data()});
      }
      this.section = 'Data';
    } else {
      const parsedResponse = ErrorResponse.getRootAsErrorResponse(fbBuffer);

      const errorMessage = parsedResponse.errorMessage();
      this.errorMessage =
          `Received ${res.status} ${res.statusText}: "${errorMessage}"`;
    }
  }

  changeTeam() {
    this.section = "TeamSelection";
  }
  
  async submitData() {
    const builder = new Builder();
    const dataFb = builder.createString(this.newData);
    builder.finish(
        SubmitNotes.createSubmitNotes(builder, this.teamNumber, dataFb));

    const buffer = builder.asUint8Array();
    const res = await fetch(
        '/requests/submit/submit_notes', {method: 'POST', body: buffer});

    if (res.ok) {
      this.newData = '';
      this.errorMessage = '';
      await this.setTeamNumber();
    } else {
      const resBuffer = await res.arrayBuffer();
      const fbBuffer = new ByteBuffer(new Uint8Array(resBuffer));
      const parsedResponse = ErrorResponse.getRootAsErrorResponse(fbBuffer);

      const errorMessage = parsedResponse.errorMessage();
      this.errorMessage =
          `Received ${res.status} ${res.statusText}: "${errorMessage}"`;
    }
  }
}