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

@Component({
  selector: 'cc-stats',
  templateUrl: './stats.component.html',
  styleUrls: ['./stats.component.css']
})
export class StatisticComponent implements OnInit {

  selectedCampaign: Campaign = {};

  campaigns: Campaign[] = [];

  collapsed = false;

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

  ngOnInit() {
    this.campaignService.getAllCampaignsWithWars().subscribe((campaigns) => {
      this.campaigns = campaigns;
      this.campaignService.campaigns = campaigns;
      this.switchCampaign(campaigns[0])
    });
  }

  switchCampaign(campaign) {
    this.selectedCampaign = campaign;
    if (campaign._id === 'all' || this.router.url.includes('/overview/all')) {
      setTimeout(_ => {
        window.dispatchEvent(new Event('resize'));
      });
    }
    this.router.navigate([{outlets: {'right': ['overview', campaign._id]}}], {relativeTo: this.route});
  }

  toggleCollapse() {
    this.collapsed = !this.collapsed;
    setTimeout(_ => {
      window.dispatchEvent(new Event('resize'));
    });
  }


  // TODO: REACTIVATE
  // deleteCampaign(campaign) {
  //   if (confirm('Soll die Kampagne ' + campaign.title + ' wirklich gelöscht werden?')) {
  //     this.campaignService.deleteCampaign(campaign._id)
  //         .subscribe((res) => {
  //           if (this.selectedWarId === campaign._id) {
  //             this.selectOverview('all');
  //           }
  //           this.campaigns.splice(this.campaigns.indexOf(campaign), 1);
  //         });
  //   }
  // }
  //
  // editCampaign(selectCampaign) {
  //   this.router.navigate([{outlets: {'right': ['campaign', selectCampaign._id]}}], {relativeTo: this.route});
  // }
}