//this is the media service, it connects both the advice and media component
//when you create a new advice, you get the newly created advice id from the server, pass it to the media service, and navigate to the media component, which loads the rest of the data into the media service and tells it to make the request

export class MediaService {
  request: MediaReq = new MediaReq();

  constructor(private api: ApiService) {}

  setRequest(advice_id, isNew) {
    this.request.advice_id = advice_id.msg;
    this.request.isNew = isNew;
  }

  upload(form: FormGroup) {
    if (this.request.isNew) {
      form.get("advice_id").setValue(this.request.advice_id);
      console.log(form)
      this.api.uploadMedia(toFormData(form))
      .subscribe(result => console.log(result))
    } else {
      this.api.patchMedia(toFormData(form), this.request.advice_id);
    }
  }
}

function toFormData(form: FormGroup) {
  let formData = new FormData()
  for (var key in form.value) {
    formData.append(key, form.value[key])
  }
  return formData;
}



// this is in the advice component
  createAdvice() {
    if (!Array.isArray(this.advice["phones"]))
      this.advice["phones"] = this.advice["phones"]
        .replace(/\s/g, "")
        .split(",");

    this.api.createAdvice(this.advice).subscribe({
      next: id => {
        this.media.setRequest(id, true);
        this.router.navigate(["/upload"]);
        console.log(id);
      }
    });
  }
}





//this happens in the Media Component

ngOnInit() {
    this.uploadForm = this.formBuilder.group({
      image: new FormControl(),
      name: new FormControl(),
      type: new FormControl(),
      advice_id: new FormControl()
    });
  }

  onFileSelect(event) {
    if (event.target.files.length > 0) {
      const file = event.target.files[0];
      this.uploadForm.get("image").setValue(file);
      this.uploadForm.get("name").setValue(file.name);
    }
  }

  onSubmit() {
    this.media.upload(this.uploadForm)
  }