import { Component, OnInit } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { UtilService } from 'src/app/service/util.service';
import { Platform } from '@ionic/angular';
import { Router } from '@angular/router';
import { AuthService } from '../../service/auth.service';
import { ErrorResponse } from '../../interface/error-response';
import { FormControl, Validators, FormGroup } from '@angular/forms';
import { environment } from 'src/environments/environment';
import { EventsService } from 'src/app/service/events.service';
import { PasswordValidator } from '../../validators/password.validator';

@Component({
  selector: 'app-registrazione',
  templateUrl: './registrazione.page.html',
  styleUrls: ['./registrazione.page.scss'],
})
export class RegistrazionePage implements OnInit {

  constructor(
    private  authService:  AuthService, 
    private  router:  Router,
    public platform: Platform, 
    private utilService: UtilService, 
    public translate: TranslateService
  ) {
    this.eventsIdle();
   }

  ngOnInit() {
  }

  eventsIdle()
  {
    this.translate = this.utilService.translate;
    setTimeout(() => {
      this.eventsIdle();
    }, environment.eventsTime);
  }

  registra(form){
    this.utilService.showLoading();
    this.authService.registra(form.value).subscribe((res: ErrorResponse)=>{
      this.utilService.closeLoading();
      if(res.error){
        this.utilService.presentAlert("Errore", "", res.errorMsg, ["OK"]);
      }
      else
      {
        this.utilService.presentAlert("Info", "", "Registrazione effettuata con successo", ["OK"]);
        if(AuthService.idReferente != null) this.utilService.pushNotification(AuthService.idReferente);
        else this.utilService.pushNotification(AuthService.idCliente);
        UtilService.titoloPagina = '';
        this.utilService.redirectToFirstPage('notifiche');
        EventsService.setStartUp();
        EventsService.setUpdateStrutture(); 
      }
    },
    (error: ErrorResponse) => {
      this.utilService.closeLoading();
      var text = "Errore durante la procedura di registrazione";
      this.utilService.stampaErrore(text, error);
    });
  }

  matching_email_group = new FormGroup({
    
    nome: new FormControl('', Validators.compose([
      Validators.required,
    ])),
    cognome: new FormControl('', Validators.compose([
      Validators.required,
    ])),
    email: new FormControl('', Validators.compose([
      Validators.required,
      //Validators.pattern('^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$')
      Validators.email
    ])),
    cellulare: new FormControl('', Validators.compose([
      Validators.pattern('^[0-9]+$'),
    ])),
    newpassword: new FormControl('', Validators.compose([
      Validators.minLength(5),
      Validators.required,
      Validators.pattern('^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])[a-zA-Z0-9]+$') //this is for the letters (both uppercase and lowercase) and numbers validation
    ])),
    newpasswordbis: new FormControl('', Validators.compose([
      Validators.required
    ]))
  },(formGroup: FormGroup) => {
    return PasswordValidator.areEqual(formGroup);
  });

  validation_messages = {
    'nome': [
      { type: 'required', message: 'Nome e\' richiesto.' },
    ],
    'cognome': [
      { type: 'required', message: 'Cognome e\' richiesto.' },
    ],
    'email': [
      { type: 'required', message: 'Email e\' richiesta.' },
      { type: 'pattern', message: 'Deve essere composta da numeri e lettere' }
    ],
    'cellulare': [
      { type: 'pattern', message: 'Deve essere composto da numeri' }
    ],
    'newpassword': [
      { type: 'required', message: 'Password e\' richiesta.' },
      { type: 'minlength', message: 'La lunghezza minima e\' 5 caratteri' },
      { type: 'pattern', message: 'Deve essere composta da numeri e lettere, minimo una maiuscola e una minuscola' }
    ],
    'newpasswordbis': [
      { type: 'areEqual', message: 'La password deve essere uguale a quella nuova' },
      { type: 'required', message: 'Il Repeat Password e\' richiesto.' }
    ]
  }

  back()
  {
    this.router.navigateByUrl('/login');
  }

}
