import {Component, ViewChild} from "@angular/core";
import {ActivatedRoute, Router} from "@angular/router";
import {NgForm} from "@angular/forms";
import {Campaign} from "../../models/model-interfaces";
import {CampaignService} from "../../services/logs/campaign.service";


@Component({
  selector: 'campaign-submit',
  templateUrl: './campaign-submit.component.html',
  styleUrls: ['./campaign-submit.component.css', '../../style/entry-form.css', '../../style/overview.css']
})
export class CampaignSubmitComponent {

  campaign: Campaign = {};

  showErrorLabel = false;

  error;

  @ViewChild(NgForm) form: NgForm;

  constructor(private route: ActivatedRoute,
              private router: Router,
              private campaignService: CampaignService) {
  }

  saveCampaign() {
    this.campaignService.submitCampaign(this.campaign)
      .subscribe(campaign => {
          this.router.navigate(['../overview/' + campaign._id], {relativeTo: this.route});
        },
        error => {
          this.error = error._body.error.message;
          this.showErrorLabel = true;
        });
  }

  cancel() {
    this.router.navigate(['..'], {relativeTo: this.route});
    return false;
  }

}