import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import { RouterService } from 'src/app/services/router.service';
import { IonSlides, MenuController } from '@ionic/angular';
import { OpenSettingsService } from 'src/app/services/open-settings.service';
import { LoadAlertsService } from 'src/app/services/load-alerts.service';
import { UserService } from 'src/app/services/user.service';
import { StorageService } from 'src/app/services/storage.service';
import { Platform } from '@ionic/angular';
import { Network } from '@ionic-native/network/ngx';
import { take, switchMap } from 'rxjs/operators';
import {MyFirstPlugin} from '@ionic-native/my-first-plugin/ngx';

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

  changeIndex = 0;

  constructor(
    private userService: UserService,
    private loadalert: LoadAlertsService,
    private network: Network,
    private storage: StorageService,
    private plt: Platform,
    private openNativeSettings: OpenSettingsService,
    private router: RouterService,
    private menuCtrl: MenuController,
    private myFirstPlugin: MyFirstPlugin
  ) {
    this.plt.ready().then(() => {
      this.plt.backButton.subscribeWithPriority(9999999, () => {
        this.router.exitApp();
      })
    });

   
  }
  SliderOptions = {
    effect: 'fade',
    fadeEffect: {
      crossFade: true
    },
    freeMode: false,
    loop: true,
    spaceBetween: 0,
    pagination: false
  };

  wifi = {
    ssid: null,
    password: null
  }
  onOpenMenu() {
    this.menuCtrl.enable(true);
    this.menuCtrl.toggle("first");
  }
  
  switchLang() {
    if (this.lang == 1) {
      this.lang = 2;
      document.dir = 'rtl'
    } else {
      document.dir = 'ltr'
      this.lang = 1;
    }

    console.log('switch');
    //this.router.navByUrl("layout/main");
    this.storage.set('lang', this.lang);
    console.log(this.lang);
  }
  lang;
  get Lang() {
    return this.lang;
  }
  viewSupport() {
    // let body = {
    //   request_category: 'support_info',
    //   oss_language: this.lang == 1 ? 'en' : 'ar'
    // }
    // console.log(body)
    // this.userService.GetCategories(body).subscribe(data => {
    //   console.log(data, "data");
    //   this.router.navByUrl("layout/support");
    // }, error => {
    //   console.log(error, "error");
    // })
    this.router.navByUrl("layout/support");
  }

  viewSpeed() {
    console.log('speed');

    this.router.navByUrl("layout/speed");



  }

  ViewSpot() {
    console.log('spot');
    //console.log(this.network.type);
    this.router.navByUrl("layout/spot");
    // if (this.network.type != null && this.network.type != undefined) {
    //   if (this.network.type.toLowerCase() === 'wifi') {
    //     this.loadalert.PresentAlert('', 'Info', 'Under Development');
    //   } else {
    //     this.openNativeSettings.OpenWifi().then(data => { console.log(data, "Done"); },
    //       error => { console.log(error, 'error'); });
    //   }
    // } else {
    //   this.openNativeSettings.OpenWifi().then(data => { console.log(data, "Done"); },
    //     error => { console.log(error, 'error'); });
    // }


  }
  get viewEntered() {
    return this.Entered;
  }
  Entered;
  ionViewDidEnter() {
    setTimeout(() => {
      this.Entered = true;
    }, 300);
  }
  ionViewWillLeave() {

    this.plt.ready().then(() => {
      this.plt.backButton.subscribeWithPriority(9999999, () => {
        this.router.goBack();
      })
    });
  }
  ionViewWillEnter() {
    this.storage.get('lang').then(data => {
      this.lang = data;
    },
      error => {
        console.log(error, 'error');
      });
    this.plt.ready().then(() => {
      this.plt.backButton.subscribeWithPriority(9999999, () => {
        this.router.exitApp();
      })
    });
  }
  ngOnInit() {

   
    this.test();
  }

  slideDragged() {
    // let shand = document.getElementsByClassName('img-container') as HTMLCollectionOf<HTMLElement>;
    // console.log(shand.length);
    // if (shand.length != 0) {
      console.log('dragged');
      this.changeIndex = 1;
    //}
  }

  slideChanged() {
    //console.log('changed');
    //let shand = document.getElementsByClassName('img-container') as HTMLCollectionOf<HTMLElement>;
   // console.log(shand.length);
   // if (shand.length != 0) {
     // this.changeIndex = 0;
   // }
  }

  onSliderReleased() {
    console.log('reelased');
    this.changeIndex =0;
  }


  moveToPrv(slides) {
    slides.slidePrev();
  }

  moveToNext(slides) {
    slides.slideNext();
  }

  public test() {
    this.myFirstPlugin.connect(this.wifi).then(
      (res: any) => alert(res)).catch((error: any) => alert(error));
  }
}