import { Component, OnInit } from "@angular/core";
import { NavController, ModalController, IonRouterOutlet, AlertController, LoadingController } from "@ionic/angular";
import { StorageService } from '../../services/storage.service';
import { TranslateService } from "@ngx-translate/core";
import { UtilsService } from "../../services/utils.service";

import { CityService } from "../../services/city.service";
import { InitialService } from "../../services/initial.service";
import { ParameterService } from "../../services/parameter.service";
import { SucursalConnectionPage } from "../sucursal-connection/sucursal-connection";
@Component({
  selector: "page-city-connection",
  templateUrl: "city-connection.html",
  styleUrls: ["./city-connection.scss"],
})
export class CityConnectionPage implements OnInit {
  backButtonSubscription: any;
  constructor(
    public navCtrl: NavController,
    public cityProvider: CityService,
    public initialProvider: InitialService,
    public modalCtrl: ModalController,
    public loadingController: LoadingController,
    public alertController: AlertController,
    private routerOutlet: IonRouterOutlet,
    private translate: TranslateService,
    private storage: StorageService,
    public utilsService: UtilsService,
    public parameterService: ParameterService
  ) { }

  ngOnInit() {
  }

  ionViewDidLoad() { }

  ionViewWillEnter() {
    this.cityProvider.getListCitiesConnection().then((resp: any) => {
      if (resp.listCities)
        this.citySelected(resp.listCities[0]);
    });
    this.initialProvider.getParameters();
  }

  citySelected(city) {
    this.storage.set("infoHost", city);
    setTimeout(() => {
      this.cityProvider.getInfoHost();
    }, 1);
    if (city.sucursal_products) {
      setTimeout(() => {
        this.openModalSelectSucursal();
      }, 500);
    } else {
      //this.utilsService.presentLoading(this.translate.instant("all.loading"));
      setTimeout(() => {
        //this.utilsService.dismissLoading();
        this.parameterService.startApp(true);
      }, 1);
    }
  }

  async openModalSelectSucursal() {
    const modal = await this.modalCtrl.create({
      component: SucursalConnectionPage,
      swipeToClose: true,
      presentingElement: this.routerOutlet.nativeEl,
      componentProps: { buttonBack: true },
    });
    await modal.present();

    const { data } = await modal.onWillDismiss();
    if (data) {
      this.parameterService.startApp(true);
    }
  }
}