import { Component, OnInit } from '@angular/core';
import { GeneralService } from '../../services/general/general.service';
import { ISlip } from '../../core/shipping/ISlip';
import { CookieService } from 'ngx-cookie-service';
import { Router, ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-shipping-slip',
  templateUrl: './shipping-slip.component.html',
  styleUrls: ['./shipping-slip.component.scss']
})
export class ShippingSlipComponent implements OnInit {

  companyId: number;
  slip: ISlip;
  isReadOnly: boolean = true;
  options = {};

  constructor(private generalService: GeneralService, private cookieService: CookieService, public router: Router) { }

  ngOnInit() {
    this.companyId = +this.cookieService.get('CompanyId');
    this.slip = { Id: 0, ShippingProfileId: 0, ContentSlip: null }
    this.options = {
      readOnly: true,
    };
    this.getSlip();
  }

  // edit template
  editTemplate(){
    
     this.isReadOnly = false;

  }

  // save
  saveTemplate() {
    this.generalService.SetSlip(this.companyId, this.slip).subscribe(data => {
      this.isReadOnly = true;
      this.getSlip();
    })
  }

  // get data
  getSlip() {
    this.generalService.GetSlip(this.companyId).subscribe(data => {
      this.slip = data;
      
    })
  }

  backToShipping() {
    this.router.navigate(['/shipping']);
  }
}