import { UserService } from './../../shared/user.service';
import { Router } from '@angular/router';
import { AuthServiceService } from './../../shared/auth-service.service';
import { Component, OnInit } from '@angular/core';
import { InternalPageService } from '../../shared/internal-page.service';
import { NgxSpinnerService } from 'ngx-spinner';

@Component({
  selector: 'app-internal-page-content',
  templateUrl: './internal-page-content.component.html',
  styleUrls: ['./internal-page-content.component.css']
})
export class InternalPageContentComponent implements OnInit {

  constructor(private authSer: AuthServiceService,
    private router:Router,
    private userservice: UserService,
    private internalService: InternalPageService,
    private spinner: NgxSpinnerService,) { }

    joinUs = [];
    reportsData = [];
    externalServices = [];
    congratulations = [];
    condolences = [];
    internalServices = [];
    tabsData = [];
    achievements = [];
    checkShowData: boolean;
    tabtype:number = 0;
    expandedIndex:number;
    live_event = [];
    next_lecture = [];
    myInnerHeight = window.innerHeight;


    flag: boolean = false;

    catchEvent(event) {
      this.flag = true
      console.log(event)
    }

    hide(event) {
      this.flag = false;
    }

  ngOnInit() {

    this.authSer.arabicTemplate = true;
    this.authSer.arabicLanguage = true;
    this.authSer.englishLanguage = false;
    this.spinner.show();

    //this.spinner.show();
    this.authSer.showDashboardHeader = false;
   //console.log(this.checkTokenExpire);
       //get profile data
    this.userservice.getUserDataProfile();
    this.spinner.hide();
    // this.internalService.getParentData().subscribe(
    //   (responce) => {
    //     this.parentsPage = responce['parents'];
    //     console.log(this.parentsPage);
    //   },
    //   (error) => {
    //     console.log(error);
    //   }
    // );

    //get slider data
    this.internalService.getSliderData().subscribe(
      (responce) => {
        console.log('responxce', responce);
        this.reportsData = responce['reports'];
      },
      (error) => {
        console.log(error);
      }
    );

    //get externals list
    this.internalService.getExternalServicesList().subscribe(
      (responce) => {
        console.log('external_list' , responce);
        this.externalServices = responce['external_services'];
      },
      (error) => {
        console.log(error);
      }
    );

    //get join us data
    this.internalService.getJoinUsData().subscribe(
      (responce) => {
        console.log('joooin us', responce);
        this.joinUs = responce['user'];
      },
      (error) => {
        console.log(error);
      }
    );

    this.internalService.getCongatoration().subscribe(
      (responce) => {
        console.log('condddddd' ,responce['event']);
        this.congratulations = responce['event'];
      },
      (error) => {
        console.log(error);
      }
    );

    this.internalService.getCondolences().subscribe(
      (responce) => {
        console.log('condddddd',responce['event']);
        this.condolences = responce['event'];
      },
      (error) => {
        console.log(error);
      }
    );

    this.internalService.getInternalServicesList().subscribe(
      (responce) => {
        console.log('internal serviceees',responce);
        this.internalServices = responce['internal_services'];
      },
      (error) => {
        console.log(error);
      }
    );

    this.internalService.getTabData(this.tabtype).subscribe(
      (responce) => {
        this.tabsData = responce['tabs'];
        if(this.tabsData.length > 0) {
          this.checkShowData = false;
        } else {
          this.checkShowData = true;
        }
      },
      (error) => {
        console.log(error);
      }
    );

    this.internalService.getForthAchievementsList().subscribe(
      (responce) => {
        console.log('weeeeeeeeeeeeeeeeeeee', responce);
        this.achievements = responce['achievements'];
        this.spinner.hide();
      },
      (error) => {
        console.log(error);
      }
    );

    this.internalService.getEventNow().subscribe(
      (responce) => {
        console.log( 'liiiiiiiiive', responce);
        this.live_event = responce['live_lecture'];
        this.next_lecture = responce['next_lecture'];
      },
      (error) => {
        console.log(error);
      }
    )

  }

  // onLogin() {
  //   this.router.navigate(['/login']);
  // }

  // onGetProfile() {
  //   console.log('profile/'  + this.authSer.dataLoginUser['id']);
  //   this.router.navigate(['profile/'  + this.authSer.dataLoginUser['id']]);
  // }

  // //log out function
  // onLogout() {
  //   localStorage.clear();
  //   this.router.navigate(['login']);
  // }

  // onDashBoard() {
  //   this.router.navigate(['dashboard/' + this.authSer.dataLoginUser['id']]);
  // }

  // getListPage(parent) {
  //   for(let i = 0; i< this.parentsPage.length; i++) {
  //     if(this.parentsPage[i].id == parent.id) {
  //       this.parentsPage[i].active = 1;
  //     } else if(this.parentsPage[0].id != parent.id) {
  //       this.parentsPage[i].active = 0;
  //     } else {
  //      this.parentsPage[i].active = 0;
  //     }
  //   }
  // };

  onGetData(numberTab) {
    this.spinner.show();
    this.tabsData = [];
    this.tabtype = numberTab;
    this.internalService.getTabData(this.tabtype).subscribe(
      (responce) => {
        this.tabsData = responce['tabs'];
        if(this.tabsData.length > 0) {
          this.checkShowData = false;
        } else {
          this.checkShowData = true;
        }
        this.spinner.hide();
      },
      (error) => {
        console.log(error);
      }
    )
  }

  open(data,i) {
    console.log(data);
    this.expandedIndex = i;
  }

  closeCollapse(i) {
    this.expandedIndex = -1;
  }

  goToHome() {
    this.router.navigate(['InternalPage']);
  }

}