import { Http } from '@angular/http';
import { PacksService } from '../resources/packs';
import { LocaleService } from '../common/i18n';
import { TdDataTableService, TdDataTableSortingOrder, ITdDataTableSortChangeEvent, ITdDataTableColumn } from '@covalent/core';
import { IPageChangeEvent } from '@covalent/core';
import { Component, AfterViewInit } from '@angular/core';
import { TdMediaService } from '@covalent/core';
import { IComboOption } from './base';

@Component({
  selector: 'pack-form',
  templateUrl: 'src/app/forms/pack.form.html'
})
export class PackFormComponent implements AfterViewInit {

  form_title: string = 'Title';
  form_subtitle: string = '';
  organizations : IComboOption[];
  licensetypes : IComboOption[];
  data: any = {};
  isNew : boolean = true;

  constructor(private http: Http,
              private packs: PacksService,
              private $L: LocaleService) {
      
  }

  private loadCombos(): void {
      this.http.get('organization')
        .map(response => response.json().map((org : any) => <IComboOption>{id: org.id, label: `(${org.code}) ${org.name}`}))
        .subscribe(
          data => this.organizations = data,
          err => console.error('Error loading orgs')
        );
      this.http.get('licensetype')
        .map(response => response.json().map((lt : any) => <IComboOption>{id: lt.id, label: `(${lt.code}) ${lt.name}`}))
        .subscribe(
          data => this.licensetypes = data,
          err => console.error('Error loading orgs')
        );
  }


  ngOnInit(): void {
    this.loadCombos();
    this.data = {};
    this.form_title = this.$L.get('Pack data');
  }


  ngAfterViewInit(): void {
  }
}