import {
  Component,
  OnInit,
  ChangeDetectionStrategy,
  ViewChild
} from '@angular/core';
import {Job} from '../../../../_models/job';
import {Router, ActivatedRoute} from '@angular/router';
import {JobService} from '../../../../_services/job.service';
import {UserService} from '../../../../_services/user.service';
import {MatSort, MatPaginator} from '@angular/material';
import {Address} from '../../../../_models/address';
import {AuthenticationService} from '../../../../_services/authentication.service';
import {User} from '../../../../_models/user';

@Component({
  selector: 'app-user',
  templateUrl: 'user.component.html',
  changeDetection: ChangeDetectionStrategy.Default,
  styleUrls: ['user.component.scss']
})
export class UserComponent implements OnInit {
  private user: User;
  private currentUser: User;
  isEditable = false;

  constructor(
    private route: ActivatedRoute,
    private router: Router,
    private jobService: JobService,
    private authenticationService: AuthenticationService,
    private userService: UserService
  ) {
  }

  ngOnInit(): void {
    // this.user = this.authenticationService.CurrentUser;
    this.user = this.route.snapshot.data['user'];
    this.currentUser = this.authenticationService.CurrentUser;
    if (this.user.id === this.currentUser.id) {
      this.isEditable = true;
    }
    console.log(this.user);
    console.log(this.isEditable);
  }

  onSaveChangesClick() {
    this.userService.updateUser(this.user).subscribe(response => {
      console.log(response);
      this.user = response instanceof User ? response : this.user;
    });
  }

  onFileChange(event) {
    const reader = new FileReader();
    if (event.target.files && event.target.files.length > 0) {
      const file = event.target.files[0];
      reader.readAsDataURL(file);
      reader.onload = () => {
        console.log('filename:' + file.name);
        console.log('filetype:' + file.type);
        console.log('value:' + reader.result.split(',')[1]);
        // this.form.get('avatar').setValue({
        //   filename: file.name,
        //   filetype: file.type,
        //   value: reader.result.split(',')[1]
        // });
      };
    }
  }
}